【VScode】保存文件自动按照eslint规范格式化

 第一步：全局安装eslint

nm install -g eslint

第二步：根目录添加.eslintrc.js文件。

作用：校验代码，编写eslint规则。

// .eslintrc.js
rules:{ 
    'no-unused-vars': 0 //data定义没用 
} 

第二步： 安装插件：eslint和vetur

第三步：自动格式化设置

        window电脑：文件 > 首选项 > 设置 打开 VSCode 配置文件setting.json

        mac电脑code>首选项 >设置

{
  "minapp-vscode.disableAutoConfig": true,
  "editor.fontSize": 10,
  "files.autoSave": "afterDelay",
  "editor.detectIndentation": false,
  "window.zoomLevel": 1,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.tabSize": 2,
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript",
    "*.vue": "vue"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "editor.formatOnSave": true, //每次保存自动格式化
  "eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
  "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto" //属性强制折行对齐
    },
    "prettier": {
      "semi": false, //格式化不加分号
      "singleQuote": true //格式化为单引号
    }
  },
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "eslint.validate": [
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    },
    "html",
    "vue",
  ],
  "workbench.iconTheme": "vscode-icons",
  "git.enableSmartCommit": true,
}