格式化插件和配置项settings

格式化插件

setting.json

{
  "editor.tabSize": 2,
  "eslint.validate": ["javascript", "javascriptreact", "vue", "json", "js"],
  "editor.formatOnSave": true,
  "editor.formatOnType": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
    "editor.formatOnSave": true
  },

  // vetur 的自定义设置
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 30,
      "wrap_attributes": "auto",
      "end_with_newline": false
    },
    "prettier": {
      "singleQuote": true,
      "semi": false,
      "printWidth": 100,
      "wrapAttributes": false,
      "sortAttributes": false
    }
  },
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "vue-html": "html",
    "vue": "html"
  },
  "eslint.format.enable": true,
  "vetur.validation.template": false,
  "svn.ignoreMissingSvnWarning": true,
  "prettier.eslintIntegration": true, // 让prettier使用eslint的代码格式进行校验
  "prettier.arrowParens": "always",
  "prettier.bracketSameLine": true,
  "prettier.bracketSpacing": true,
  "prettier.embeddedLanguageFormatting": "auto",
  "prettier.htmlWhitespaceSensitivity": "css",
  "prettier.insertPragma": false,
  "prettier.jsxSingleQuote": false,
  "prettier.printWidth": 200,
  "prettier.proseWrap": "never",
  "prettier.quoteProps": "as-needed",
  "prettier.requirePragma": false,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.tabWidth": 2,
  "prettier.trailingComma": "none",
  "prettier.useTabs": false,
  "prettier.vueIndentScriptAndStyle": false,
  "prettier.singleAttributePerLine": false,
  "vue3snippets.enable-compile-vue-file-on-did-save-code": false,
  "vue.codeActions.enabled": false
}