我是你的超级粉丝,我会加速你的每一个部分的发展。 如果你每天多次在这里或那里节省秒,那么一年中你将节省大量的时间。

这包括尽可能多地使用键盘,尽可能少地触及鼠标。 我的目标是一整天都不碰鼠标。 还没到那儿。

学习 vim 是提高编辑效率的一个重要部分。 甚至在你的浏览器中加入 Vimium 也有很大帮助。

片段是另一种节省开发时间的方法。 简单的 VS 代码反应片段是一个加速开发的好方法。

这里的 imrc 扩展为导入 React,{ Component } from‘ React’ ;

扩展区

简单的反应代码片段可以在 VS 代码扩展市场中找到

一个简单的例子

无论何时启动一个新的 React 文件,我都将使用 imr 或 imrc 代码段。

  • Imr-import 对‘ React’的反应
  • Imrc-import React,{ Component } from‘ React’

片段

安装 VS 代码扩展后(可能需要重新启动 VS 代码?) ,您可以通过键入快捷键并按 Tab 或 Enter 来使用代码片段。

下面是一些启动新文件时有用的代码片段:

进口反应

import React from 'react';

进口反应和组件

import React, { Component } from 'react';

Cc-制作一个类组件并导出

class | extends Component {
  state = { | },
  render() {
    return ( | );
  }
}

export default |;

Sfc ——制作一个无状态的函数组件

const | = props => {
  return ( | );
};

export default |;

清洁发展机制-组成部分

componentDidMount() {
  |
}

Cdu-componentDidUpdate

componentDidUpdate(prevProps, prevState) {
  |
}

Ss-setState

this.setState({ | : | });

Ren-render

render() {
  return (
    |
  );
}

总结

你可以在官方网页上找到更多的可用代码片段。