开发必备的vscode插件（推荐）

这篇文章介绍了VSCode常用的插件，希望能帮助到你。

---

1、open in browser

VS Code不像IDE可以在浏览器打开html页面，该插件支持右键及快捷键在浏览器中打开html页面，支持Chrome、IE、FireFox、Opera等浏览器。
Open In Default Browser 使用默认浏览器打开 Alt+B；
Open In Other Browsers 使用其他浏览器打开 Shift+Alt+B；
那怎么修改默认浏览器呢？点击左下角设置图标选择setting选项，在搜索框搜open-in-browser更改为Chrome即可。

---

2、HTML Snippets

智能提示html标签及标签函数、含义

---

3、jQuery Code Snippets

jQuery智能提示

---

4、ESLint

js语法纠错，支持自定义配置，不过略微复杂。

---

5、GitLens

方便查看git日志，git重度使用者必备。

---

6、Beautify css/sass/scss/less

用于CSS等样式文件的格式化

---

7、Beautify

用于HTML、JS、CSS的格式化

---

8、Bracket Pair Colorizer

给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色。

---

9、vscode-icons 图标插件

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

---

10、Vetur 实现vue语法高亮

Vetur支持vue文件的语法高亮，代码提示

---

11、Better comments

一款修改注释颜色的插件，可以根据颜色定义不同的注释，让代码更清晰易懂，你值得拥有。
使用方法：注释后添加不同符号即可。

在设置处搜索better-comments，可以在setting.json中自定义配置

---

12、markdown插件 Markdown Preview Enhanced

可以实现预览.md文件，安装完成后restart即可。

---

13、函数头部/函数注释插件 koroFileHeader

可以快速生成文件头部注释和函数注释
安装完成后新建test.js文件，保存即可生成头部注释
windows下使用ctrl+alt+i快速生成头部注释
使用ctrl+alt+t快速生成函数注释

windows下输入ctrl + shift + p
Mac输入shift + command + p
再输入codeDesign，即可生成炫酷的注释图案(没事注释个妹子，咳，花里胡哨)

头部注释和函数注释都可以在setting.json中设置，修改完毕后记得restart呦。

PS：（未完待续）