vscode前端开发常用插件汇总

1.HTML Snippets

超级实用且初级的 H5代码片段以及提示

2.HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式

3.Debugger for Chrome

让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试

https://github.com/Microsoft/vscode-chrome-debug/blob/master/images/demo.gif?raw=true
​
github.com

4.jQuery Code Snippets

超过130个用于JavaScript代码的jQuery代码片段。只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。

5.vscode-icons

让 vscode 资源树目录加上图标

vscode-icons/vscode-icons
​
github.com
图标

6.Path Intellisense

自动路径补全

7.Document this

“Document This”是Visual Studio代码扩展，它自动为TypeScript和JavaScript文件生成详细的JSDoc注释。

8.ESlint

JavaScript代码检测, JavaScript代码风格检测, JavaScript代码自动格式化.

9.HTMLHint

html代码检测

10.Project Manager

在多个项目之前快速切换的工具

11.beautify

格式化代码的工具

12.Bootstrap 3 Sinnpet

常用 bootstrap 的可以下

13.Atuo Rename Tag

修改 html 标签，自动帮你完成尾部闭合标