vscode settings.json配置项

安装通用插件

　　1、Prettier - Code formatter

　　2、Vue 3 Snippets

　　3、Vue Language Features (Volar)

安装项目依赖

npm install eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin
npm install prettier eslint-config-prettier eslint-plugin-prettier

Vue 3.0 配置项

{
  "terminal.integrated.fontSize": 18, // terminal 框的字体大小
  "editor.fontSize": 16, // 编辑器字体大小
  "editor.tabSize": 4, // Tab 的大小 2个空格
  "editor.formatOnSave": true, // 保存是格式化
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.codeActionsOnSave": { "source.fixAll.eslint": true },
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  "prettier.useEditorConfig": false, //是否使用
  "prettier.singleQuote": true, // 单引号
  "prettier.semi": false, // 是否在每行末尾添加分号
  "prettier.printWidth": 120, //每行超过多少字符自动换行
  "prettier.trailingComma": "none", //尽可能控制尾随逗号的输出
  "prettier.singleAttributePerLine": false,

  "eslint.validate": ["javascript", "javascriptreact", "html", "vue", "typescript", "typescriptreact"]
}