前端开发必备插件

前端开发常用VSCode插件

1. Chinese (Simplified)

VSCode汉化插件

2. 代码保存时格式化

3. Bracket Pair Colorizer 2

它可以把不同嵌套层级的各种类型的括号，用不同的颜色标注出来（最新版VSCode已经内置）

4. open in browser

写html相关代码时可以使用快捷键alt+b或者右键点击open in default browser打开默认浏览器，访问页面内容

5. Auto Rename Tag

在一个标签更改时自动更新另一个标签

6. HTML CSS Support

在html中css、class智能提示

7. Path Intellisense

可自动填充文件名，不必手动输入要查找的文件的路径

8. Live Server

开启一个服务器，实时查看开发的网页或项目效果。点击编辑器右下角Go Live启动。

9. 图标扩展

控制vscode中的文件管理的树目录显示图标

• vscode-icons
• Material Icon Theme
• Material Theme Icons

10. ES7 React/Redux/GraphQL/React-Native snippets

此扩展程序为你提供了 ES7 中的 JavaScript 和 React/Redux 代码段以及 VS 代码的 Babel 插件功能

11. Import Cost

在代码中显示导入程序包的估计大小

12. Vetur

Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。

功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。