VScode前端常用插件整理与收集

VScode

VS是Microsoft Visual Studio的简称。VS是美国微软公司的开发工具包系列产品。VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控工具、集成开发环境(IDE)等等。所写的目标代码适用于微软支持的所有平台，包括Microsoft Windows、Windows Mobile、Windows CE、.NET Framework、.NET Compact Framework和Microsoft Silverlight 及Windows Phone。
Visual Studio是目前最流行的Windows平台应用程序的集成开发环境。最新版本为 Visual Studio 2019版本，基于.NET Framework 4.7。
今天来介绍一下vscode关于前端方面的一些插件，以便于大家以后能方便使用vscode这款软件！

1.IntelliSense for CSS class names in HTML

这个插件是为了方便起class名字的插件，如果你还在为取什么类名而烦恼的话就下载他吧，它会根据你当前的环境以及输入的首个字母自动为你推荐class类名。

2.Bracket Pair Colorizer

高亮连接显示匹配的括号。

3.Chinese (Simplified) Language Pack for Visual Studio Code

适用于 VS Code 的中文（简体）语言包
此中文（简体）语言包为 VS Code 提供本地化界面。

4.Beautify

Beautify是格式化代码的插件
可美化JS、JSON、CSS、Sass、HTML（其他类型的文件不行）
在文件夹根目录下创建 .jsbeautifyrc 文件

5.vscode-icons

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

Debugger for Chrome

js 调试的插件，前端项目在 Chrome 中运行起来之后，可以直接在 VSCode 中打断点、查看输出、查看控制台。