1.Auto Close Tag

标签自动闭合

2. Auto Rename Tag

自动重命名标签

3.Better Align

设置代码对齐
Ctrl+K,Ctrl+S打开快捷键设置，搜索wwm，设置自己的快捷键

4.Bracket Pair Colorization Toggler

括号颜色

5.Chiese（Simplified）（简体中文）

中文版

6.Color Info

颜色主体

7.Error Gutters

错误提示

8.ESLint

语法规则和代码风格的检查工具

9.HTML CSS Support

智能提示CSS类名以及id

10.Image preview

图片预览

11.indent-rainbow

左侧缩进颜色区分

12. JavaScript（ES6）code snippets

ES6语法智能提示

13.jQuery Code Snippets

jq代码段提示

14.Live Server

更改代码自动刷新页面

15.open in browser

浏览器打开页面

16.Path Intellisense

路径提示

17. Prettier - Code formatter

也是一个代码风格的插件，文章最后配置了一些东西

18. Vetur

Vue 插件,提供了代码补全、高亮等功能

19.vscode-icons

图标插件

20. WXML - Language Service

微信小程序语法的插件

settings.json配置esLint和prettier

// 配置保存自动格式化代码
  "editor.formatOnSave": true,
  // ESlint插件配置
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "eslint.alwaysShowStatus": true,
  // 配置prettier配置
  "prettier.trailingComma": "none",
  "prettier.semi": false,
  // 每行字数超过限制将会换行
  "prettier.printWidth": 300,
  "prettier.singleQuote": true,
  "prettier.arrowParens": "avoid",
  // 设置vue中HTML代码格式的插件
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // 忽略项目里面的警告弹窗
  "vetur.ignoreProjectWarning": true,
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "false"
    },
    "prettier": {
      "trailingComma": "none",
      "semi": "false",
      "singleQuote": "true",
      "arrowParens": "avoid",
      "printWidth": "300"
    }
  },```
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30