vscode中一键生成react代码块以及快速补全react代码

1.vscode扩展搜索 ES7 React/Redux/GraphQL/React-Native snippetsd或者React-Native/React/Redux snippets for es6/es7 并安装(如果安装后者 直接cccs可以一键生成模板块 安装前者 步骤如下)

vscode中一键生成react代码块以及快速补全react代码

2. 安装后rcc回车即可生成有状态组件

vscode中一键生成react代码块以及快速补全react代码

vscode中一键生成react代码块以及快速补全react代码

3.rfc回车 生成无状态组件

vscode中一键生成react代码块以及快速补全react代码

vscode中一键生成react代码块以及快速补全react代码

4.快速补全react代码  点击左上角文件 --> 首选项 -->设置 

vscode中一键生成react代码块以及快速补全react代码

5.在搜索框中输入 emmet.includeLanguages

vscode中一键生成react代码块以及快速补全react代码

6.把"emmet.includeLanguages": {"javascript": "javascriptreact"} 贴上去

vscode中一键生成react代码块以及快速补全react代码