vscode 配置 eslint 自动修复

vscode 配置 eslint 自动修复

1. 安装 vetur 、eslint 、prettier-code formatter
2. 设置中进入 setting.json 文件，配置以下内容

{
  "editor.tabSize": 2,
	// eslint 检测文件类型
  "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    },
    "prettyhtml": {
        "printWidth": 200,
        "singleQuote": false,
        "wrapAttributes": false,
        "sortAttributes": false
    },
    "prettier": {
      "useTabs": true,  // 使用制表符进行缩进
      "semi": false,  // 去掉代码末尾的分号
      "singleQuote": true,  // 单引号替换双引号
      "trailingComma": "none" //去除对象最末尾跟随的逗号
    }
	},
  "editor.codeActionsOnSave": {
  	"source.fixAll.eslint": true
  },
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 让函数名和后面的括号之间加个空格
  "vetur.format.defaultFormatter.js": "vscode-typescript", // 让vue中的js按编译器自带的ts格式进行格式化
  "[vue]": {
  	"editor.defaultFormatter": "octref.vetur"
  },
  "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
  "eslint.validate": [
    "javascript", //  用eslint的规则检测js文件
    {
    "language": "vue", // 检测vue文件
    "autoFix": true //  为vue文件开启保存自动修复的功能
    },
    "typescript" // 用eslint的规则检测ts文件
  ],
  "tslint.autoFixOnSave": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
}