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

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

vscode中一键生成react代码块以及快速补全react代码_第1张图片

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

vscode中一键生成react代码块以及快速补全react代码_第2张图片

vscode中一键生成react代码块以及快速补全react代码_第3张图片

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

vscode中一键生成react代码块以及快速补全react代码_第4张图片

vscode中一键生成react代码块以及快速补全react代码_第5张图片

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

vscode中一键生成react代码块以及快速补全react代码_第6张图片

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

vscode中一键生成react代码块以及快速补全react代码_第7张图片

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

vscode中一键生成react代码块以及快速补全react代码_第8张图片

 

你可能感兴趣的:(配置相关,vscode配置react,生成react代码块)