vscode安装react插件,提升开发效率

在使用 vscode编辑器开发react项目中,安装react插件

ES7React/Redux/GraphQL/React-Native snippets

在vscode的扩展市场中搜索 react

选择 红框选中的ES7React/Redux/GraphQL/React-Native snippets插件进行下载 QQ截图20210327230937.png

安装完成之后,我们就可以使用一些代码片段去生成代码 例如:我们创建一个组件

生成类式组件

输入 rcc ,然后按tabQQ截图20210327231438.png

rcc

QQ截图20210327231618.png

会自动帮你生成一个以文件名字命名的class类

生成function类型的组件

输入rfc,并按tab

rfc

也会生成一个以jsx文件名命名的function 并导出 QQ截图20210327231848.png

其他的代码片段生成快捷键

可以在vscode的扩展市场里,插件详情页查看 QQ截图20210327232043.png