vscode vue3开发常用插件（附Prettier格式化配置）_vscode vue3插件

必不可少插件(名称可能不全)：

1、Chinese (Simplified) (简体中文) Language
2、Prettier - Code formatter
3、Vue 3 Snippets
4、Vue Language Features (Volar)
5、git graph

可选插件：

5、Auto Close Tag
6、Vue Theme

Prettier格式化配置：

按ctrl+shift+p，搜索setting进入用户设置（全局），添加下面规则：

  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "prettier.enable": true,
  "prettier.semi": false, // 句尾添加分号
  "prettier.singleQuote": true, // 使用单引号代替双引号
  "prettier.printWidth": 100, // 超过最大值换行
  "prettier.tabWidth": 4, // 缩进字节数
  "prettier.useTabs": false, // 缩进不使用tab，使用空格
1
2
3
4
5
6
7
8
9

需要注意的是，prtttier格式化可以配置在很多文件上，配置字段也不太一样，需要注意的文件如下：
.prettierrc.js、.prettierignore、.vscode文件夹里的settings.json