VS Code 插件

1. vscode-icons

图表式的插件，可以更方便地看见文件的类型，同时对文件进行区分。图标种类无比丰富，几乎涵盖了所有类型的文件。

2. ESLint

一般前端都会使用 ESLint 来对代码格式进行规范，这可以解决很多不必要的 Bug ，在项目中也可以使用，但是只有在项目运行时的 Terminal 才能看见，这样相对比较麻烦，不利于修改。在 VS Code 中可以直接安装 ESLint 插件，在编写代码的时候，就可以看见自己的语法有哪些错误，利于修改。

3. Beautify

Beautify 属于代码格式规范插件，可以针对 HTML、CSS、Sass、JS 进行代码格式整理，虽然 Vetur 也有代码规范功能，但仅限于 Vue.js 文件，对于一般的文件，Beautify 使用起来更加方便。

4. Markdown Preview Enhanced

它可以增强对 Markdown 格式文件的预览，比原生的预览好看了很多。

5. One Dark Pro

这是一个暗黑系的 Atom 主题，虽然不是五花八门的黑，但也不是简简单单的纯黑，看上去比较舒服。

6. Solarized-light Theme

暖黄色的主题，对护眼比较看重的读者可以看看。

7. Auto Rename Tag

这个扩展可以帮我们，在修改 HTML 标签名时，自动更新匹配的另外一个标签名。

此插件的功能已被 VS Code 本体实现，在设置中开启 Editor: Linked Editing 选项即可。

8. Prettier - Code formatter

可以格式化被压缩成一行的 JS 代码，使其更加容易被阅读。
在某些情况下需要进行配置才能在 Alt + Shift + F 时调用该插件：

• 打开命令行面板（Ctrl + Shift + p），选择 format selection with
• 选择 Prettier -code formatter

9. GitLens — Git supercharged

增强源代码管理的功能。