1.Vetur —— 语法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)
2.EsLint —— 语法纠错
3.Auto Close Tag —— 自动闭合HTML/XML标签
4. Auto Rename Tag —— 自动完成另一侧标签的同步修改
5.JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
6.Beautify 或者 Prettier ——格式化代码
7.Bracket Pair Colorizer——给括号加上不同的颜色
8.Path Autocomplete —— 自动路径补全
在 settings.json 中进行配置:
"path-autocomplete.extensionOnImport":true,
"path-autocomplete.pathMappings": {
//配置@的路径提示
"@":"${folder}/src"
},
9.Chinese (Simplified) (简体中文) Language
10.Git History 看到git提交人
11.Color Highlight——颜色高亮
12.Autoprefixer——自动补全css兼容前缀
13.LiveServer —— 浏览器实时预览
14.Px to rem&rpx vw—— 计算rem rpx vw 为px 实时显示
15.JSON Tools—— json样式格式化
JSON Tools使用方式:
1.Ctrl+Alt+M