eslint+vscode格式化代码

1. vscode安装eslint插件
   
2. 全局安装eslint

npm i -g eslint
eslint --init #//js项目根目录运行，按照提示选择

3. 项目根目录创建三个文件,然后执行npm install
.editorconfig

root = true

[*]
end_of_line = lf
insert_final_newline = true

[*.{js,json}]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

.eslintrc.js

module.exports = {
  env: {
    browser: true,
    commonjs: true,
    es2020: true
  },
  extends: [
    'standard'
  ],
  parserOptions: {
    ecmaVersion: 11
  },
  plugins: [
  ],
  rules: {
    'no-useless-constructor': 0
  }
}

package.json

{
  "devDependencies": {
    "eslint": "^7.32.0",
    "eslint-config-standard": "^16.0.3",
    "eslint-plugin-import": "^2.25.2",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^5.1.1",
    "eslint-plugin-vue": "^7.20.0"
  }
}

4. 修改vscode的setting.json

{
    "eslint.options": {
        "extensions": [
          ".js",
          ".vue"
        ]
      },
      "eslint.validate": [
        "javascript",
        "html",
        {
        "language": "vue",
        "autoFix": true      
        }
      ],
    "workbench.colorTheme": "Default Dark+",
    "markdown.preview.breaks": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "eslint.codeAction.disableRuleComment": {

    

        "enable": true,
        "location": "separateLine"
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "files.autoSave": "off",
    "eslint.format.enable": true,
    "explorer.confirmDragAndDrop": false,
    "extensions.autoUpdate": false
}

5. 重启vscode