VSCode常见插件安装

VSCode（Visual Studio Code）是由微软开发的一款免费，跨平台的文本编辑器，由于其丰富的插件功能和卓越的性能，成为目前前端开发中一款比较受欢迎的编辑器。VSCode提供了大量的扩展和插件，其中对于前端开发比较常用的有以下几项：

1. Chinese(Simplified) Language

主要功能：VSCode汉化，提供汉语界面。

Chinese(Simplified) Language

2. vscode-icon

主要功能：为vscode中的文件及文件夹提供特殊的图标，文件格式一目了然。

vscode-icon

icon展示

3. open-in-browser

主要功能：右键一键选择，在默认浏览器中打开当前界面。

open-in-browser

4. Auto Close Tag

主要功能：自动闭合HTML/XML标签

Auto Close Tag

5. Auto Rename Tag

主要功能：自动完成另一侧标签的同步修改

Auto Rename Tag

6. Code Spell Checker

主要功能：自动检测输入的单词拼写是否正确，错误时会给出提示，并且给出建议，对于英语不太擅长的同学来说很有帮助。

Code Spell Checker

7. Bracket Pair Colorizer

主要功能：给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

Bracket Pair Colorizer

Screenshot

8. HTML CSS Support

主要功能：智能提示CSS类名以及id。

HTML CSS Suppor

Screenshot

9. JavaScript(ES6) code snippets

主要功能：ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.html，.vue等，省去了配置其支持各种包含js代码文件的时间

JavaScript(ES6) code snippets

10. Path Intellisense

主要功能：自动提示文件路径，支持快速引入文件；

Path Intellisense

11. HTMLHint

主要功能：HTML代码检测；

HTMLHint

12. Beautify

主要功能：格式化代码，对HTML、CSS、JS进行格式化对齐显示；

Beautify

13. GitLens

主要功能：能显示每一行代码的作者以及提交时间；方便查看git日志。

GitLens

Screenshot

14. Git History

主要功能:查看git日志以及图表和详细信息，查看文件的历史记录（Git日志）或文件中的行历史（Git Blame）

Git History

15. Vetur

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

Vetur