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