九个VScode插件让你开发效率飞速提升

长时间的编码，暗色调的编码环境更不容易让视力疲劳，而且也可以让自己更加专注。

安装了 One Dark Pro 插件后，可以一键将 VSCode 编辑器的颜色调整成暗色系，编码起来更加舒适。

Beautify 插件可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整，代码强迫症必备，较好的代码格式在后期维护以及他人阅读时都会有很多的便利。

插件支持的语言非常多，基本堵盖了目前所有的语言，而且你还可以自定义代码格式化的结构。

ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。

而 VSCode 中的 ESLint 插件就直接将 ESLint 的功能集成好，安装后即可使用，对于代码格式与规范的细节还可以自定义，并且一个团队可以共享同一个配置文件，这样一个团队所有人写出的代码就可以使用同一个代码规范，在代码签入前每个人可以完成自己的代码规范检查。

在 HTML 中调用定义好的样式名时，有时需要经常在 HTML 与 CSS 文件之间切换，来回地查看你已定义好的 CSS 类名。

而有了 IntelliSense for CSS class names in HTML 插件后，你可以在 HTML 中需要调用 CSS 类名的地方，此插件会智能地给你已定义 CSS 类名的提示。

git多人协作的时候需要查看日志，如果能在当前代码中查看到那是很方便的一件事，能省去很多时间去其他工具查看，提高工作效率。

VsCode中的GitLens插件刚好能满足这个需求，而且搭配Cmder使用，很舒服，不会出现换行不工整的问题，还可以设置自己喜欢的主题，可以用爱不释舍来形容。

最重要的是能防止甩锅和扯皮。

Vue自从发布以来就一直受到前端开发人员的热爱，而除了一些本身优秀的特征之外，还有就是丰富的插件和工具的支持和更新。虽然现在的编辑器需要安装相应的plugins才能进行

Vue组件化开发，但是越来越多优秀的plugins都提供了强大的支持。比如Vetur就是这样一款必备的Vue开发工具。

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

在代码编写过程中，各种括号 {[()]} 必不可少。然而，随着代码量的增加，你有没有因为括号的嵌套太多，而导致代码难以阅读？

不用怕！我们有Bracket Pair Colorizer 2！它为代码中的各种结对的括号兄弟们提供了颜色高亮等功能。

首先为了我们在编码时有一个高效、易用的界面，我们需要对一些不明了的组件做一些美化。

vscode-icons 插件可以实现对各种文件类型的文件前的图标进行优化显示，这样我们在查看长长的文件列表的时候，可以直接通过文件的图标就可以快速知道文件的类型，而不是去看文件的后缀。