VS Code精选插件（你可能会用到的插件）

1.下载插件

 

 2.插件推荐

 

 

 

Auto Close Tag


Auto Close Tag：匹配标签，关闭对应的标签。对于HTML/XML很实用。


Auto Rename Tag


Auto Rename Tag：改变标签的时候同时改动开闭合标签；对于HTML/XML很实用。


HTML CSS Support


HTML CSS Support : 这个也是HTML必备插件之一。


CSS Peek


CSS Peek ： html和css中关联css的跳转


Code Runner


Code Runner : 代码编译运行看结果，支持众多语言


Git History


Git History : 查看git分支提交日志的插件


Git History Diff


Git History Diff : 寻找每一个git分支上面提交过的节点，并可以对比差异性。


Path Autocomplete


Path Autocomplete : 路径智能补全插件。


Path Intellisense


Path Intellisense ： 路径智能提示插件。


beautify


beautify ：良好的拓展性，可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用；但是react工程的jsx文件用beautify插件格式化会乱掉，建议不要用


Prettier - Code formatter


Prettier - Code formatter ： 代码格式化插件，主要针对工程中的JavaScript / TypeScript / CSS


Prettier Now


Prettier Now ： 支持语言比较全面的代码格式化插件，主要是支持jsx /tsx ，还有sass / less等(问的react工程基本上就是用这2个Prettier插件格式化代码)


Terminal


Terminal ： vs code 内置的命令行插件，也比较实用。


Bookmarks


Bookmarks ： 这个插件支持在文件特定的行做标记，更好的提高开发效率。

  Bracket Pair Colorizer

 

Bracket Pair Colorizer：很多括号的情况下，这个插件可以做一个颜色的区分，代码一目了然。

 

Chinese (Simplified) Language Pack for Visual Studio Code

Chinese (Simplified) Language Pack for Visual Studio Code ： 适用于 VS Code 的中文（简体）语言包。

filesize

filesize ： 编辑器底部显示当前文件的大小。

Markdown Preview Enhanced

Markdown Preview Enhanced ： 本地Markdown文档预览插件。

vscode-icons

vscode-icons ： 一套vs code的图标插件。

npm

npm ： 不多说npm。

open-in-browser

open-in-browser ： 一键在浏览器中打开

Live Server

Live Server ：一键开启本地服务。

fileheader

fileheader ：感觉用得上 新建文件作者注释

 

 

在自定义设置页面(comd+,)，可以设置一些作者信息,然后打开命令面板(comd+shift+P),输入fileheader回车即可


Local History

Local History ：个人感觉很有用 本地代码的一个保存日志，在没有git,svn，或者很长时间没有提交过代码的情况下，感觉挺实用，再也不怕代码回滚。

GitLens -- Git supercharged

GitLens -- Git supercharged： GitLens能增强Visual Studio代码中内置的Git功能。它帮助您通过Git blame注解和代码镜头直观地显示代码作者，无缝地导航和探索Git存储库，通过强大的比较命令获得有价值的见解。