react 原生html 插件,用vscode开发react用哪些插件

本文将介绍一些react开发中常用的vscode插件，希望对学习react的同学有帮助。

用vscode开发react用哪些插件

1. 代码提示类插件

1.1 Reactjs code snippets

1.2 React Redux ES6 Snippets

1.3 React-Native/React/Redux snippets for es6/es7

1.4 JavaScript (ES6) code snippets(es6代码片段)

1.5 Typescript React code snippets(这是tsx的react组件片段)

有了上述这些代码片段提示插件就可以大大增加码代码的速度了。

2. 美化类插件

2.1 One Dark Pro(atom风格主题)

2.2 vscode-icons(文件图标)

赏心悦目的界面让你越敲越有劲。

3. 其他实用类插件

3.1 Beautify css/sass/scss/less(样式代码格式化)

3.2 npm Intellisense(对package.json内中的依赖包的名称提示)

3.3 Path Intellisense(文件路径补全)

3.4 cssrem(px转换为rem)

3.5 CSS Modules(对使用了css modules的jsx标签的类名补全和跳转到定义位置)

以上的插件都安装好了的话基本就可以使用vscode愉快地进行react开发了。

本文来自React答疑栏目，欢迎学习！