vscode代码格式化插件配置

已安装了Elinst、Vetur、Prettier-Code formatter 这三个插件，还需要额外安装Prettier+。

路径：首选项----设置----右上角小图标--打开设置。

{
  "workbench.colorTheme": "Atom One Dark",
  "workbench.iconTheme": "vscode-great-icons",
  "explorer.compactFolders": false,
  // 路径映射
  "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src"
  },

  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // 80 列后换行
  "editor.wordWrapColumn": 80,
  // 控制折行的方式。on: 将在视区宽度处换行。
  "editor.wordWrap": "on",
  // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F
  "editor.formatOnSave": true,
  // #每次保存的时候将代码按eslint格式进行修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // 定义一个默认格式化程序
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  // 控制是否在键入时自动显示建议。
  "editor.quickSuggestions": {
    "strings": true
  },

  // 开启 vscode 文件路径导航
  "breadcrumbs.enabled": true,
  // 启用或禁用在 VS Code 中重命名或移动文件时自动更新导入路径的功能。always: 始终自动更新路径。
  "javascript.updateImportsOnFileMove.enabled": "always",

  // 添加 ESLint验证 的语言组
  "eslint.validate": ["javascript", "javascriptreact", "vue"],
  // 你的插件是 prettier ，应该安装 prettier+
  // #让prettier使用eslint的代码格式进行校验
  "prettier.eslintIntegration": true,
  // #去掉代码结尾的分号
  "prettier.semi": false,
  // #使用带引号替代双引号
  "prettier.singleQuote": true,
  // #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // #区域的默认格式化程序
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 120,
      "wrap_attributes": "auto"
    }
  },
  // 使用制表符而不是空格缩进行
  "prettier.useTabs": false,
  // 模块导出和自动导入
  "vetur.completion.autoImport": false,

  // 针对某种语言，配置替代编辑器设置。
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  // "[vue]": {
  //   "editor.defaultFormatter": "octref.vetur"
  // },

  "htmltagwrap.tag": "div",
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true
}