vscode+vue2 插件

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

16.Easy less—— 自动编译less文件

17.Volar————vue3

猜你喜欢

转载自blog.csdn.net/lanbaiyans/article/details/130585787
今日推荐