VSCode 开发推荐插件

VSCode 插件拓展网址 ：https://marketplace.visualstudio.com/VSCode

1.Chinese (Simplified) Language 适用于 VS Code 的中文（简体）语言包。

2. Auto Close Tag 自动闭合HTML/XML标签。

3. Auto Rename Tag 自动完成另一侧标签的同步修改。

4. Beautify 格式化代码，beautify插件支持自定义格式化代码规则。

5. Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号。

6.Debugger for Chrome 映射vscode上的断点到chrome上，方便调试。

7. ESLint js语法纠错，可以自定义配置。

8.GitLens 查看git日志。

9. HTML CSS Support 智能提示CSS类名以及id。

10. HTML Snippets 智能提示HTML标签，以及标签含义。

11. JavaScript(ES6) code snippet ES6语法智能提示，以及快速输入。

12. jQuery Code Snippets jQuery代码智能提示。

13. Markdown Preview Enhanced 实时预览markdown，markdown使用者必备。

14. markdownlint markdown语法纠错。

15. Material Icon Theme 的vscode图标主题，支持更换不同色系的图标。

16. open in browser Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面，所以此插件在快捷菜单中添加了在默认浏览器查看文件选项，以及在客户端（Firefox，Chrome，IE）中打开命令面板选项。 支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器。

17. Path Intellisense 自动提示文件路径，支持各种快速引入文件。

18. Vetur Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。VSCode官方钦定Vue插件，Vue开发者必备。

19. language-stylus Stylus stylus CSS语法提示-->主要支持vue文件下stylus。

20. Vue 2 Snippets vue 快捷键提示。

21. Easy Sass 这款插件只需要简单配置编译目录就会自动生成编译后的CSS文件。

22. CSS Peek 使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。

23. Color Info 这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。

24. javascript console utils 这个便捷的插件，选中某个变量或代码块然后按下Ctrl + Shift + L键，就可以直接生成console.log()代码了。

25. koroFileHeader 这个插件可以新建文件作者注释和方法函数注释。
    快捷键：window：ctrl+alt+t mac：ctrl+cmd+t

参考链接

• https://juejin.im/post/5c356b106fb9a049ef26c368
• https://blog.csdn.net/qq_38906523/article/details/77278403
• https://www.cnblogs.com/karthuslorin/p/8577224.html
• https://www.cnblogs.com/sybboy/p/8989342.html
• https://blog.csdn.net/Joe0217/article/details/80950477
• https://marketplace.visualstudio.com/VSCode
• http://www.imooc.com/article/19624
• https://segmentfault.com/a/1190000012155949
• https://blog.csdn.net/D_claus/article/details/85243454