vscode配置--格式化代码

用到的插件

• eslint (eslint配置)
• Prettier-code formatter

settings.json 全局的配置

{
  "breadcrumbs.showFiles": false,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "eslint.options": {
    "extensions": [".js", ".vue", ".ts", ".tsx"]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": [
    "vue",
    "html",
    "javascript",
    "typescript",
    "javascriptreact",
    "typescriptreact"
  ],
  "vetur.format.defaultFormatter.html": "prettier",
  "eslint.enable": false,
  "editor.formatOnSave": false
}

settings.json 局部的配置（在.vscode目录下）

随时修改配置 formatOnSave, 来控制格式化。

{
  "eslint.enable": true,
  "editor.formatOnSave": true
}

.editorconfig的配置

root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

.prettierrc的配置

{
  "printWidth": 120,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5"
}

.eslintrc.js 的配置

略，根据版本不同来配置