前端好用vscode插件

1.js函数括号 花括号 高亮颜色

Bracket Pair Colorizer
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

 

2.颜色可以预览
Color Highlight
https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

 

3.  看git提交历史和提交人（还有其他强大功能哦）

GitLens — Git supercharged

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

 

4.相对路径提示

Path Intellisense
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

 

5.美化vscode文件题标
vscode-icons 
https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

 

6.vue语法高亮 代码提示 以及模板语法
Vetur 
https://marketplace.visualstudio.com/items?itemName=octref.vetur

 

7.vue点击组件跳转
Vue Peek 

https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek

 

8.汉化 vscode

Chinese (Simplified) Language Pack for Visual Studio Code

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans 

 

9.atom黑暗主体配色

One Dark Pro 

https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

 

10.atom白色主题配色

Atom One Light Theme

https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

 

11.html标签补齐 tab

HTML Snippets

https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets

 

12.css提示

HTML CSS Support
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

 

13.修改成对标签

Auto Rename Tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

 

14.js编程规范
eslit

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
配置将后续更新...敬请期待

15.代码格式化

Prettier - Code formatter

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

配置将后续更新...敬请期待