VS Code使用 Vue工程配置 eslint

首先确保VS Code 安装了 Vetur 和 Eslint 插件。

VS CODE ：文件＝＞首选项＝＞　设置（有３个点或 {} 这样的大括号，打开setting.json）

{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "autoFix": true
    }
  ],
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.autoFixOnSave": true,
  "explorer.confirmDelete": false,
  "editor.tabSize": 2,
  "window.zoomLevel": 0,
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 120,
      "wrap_attributes": "auto",
      "end_with_newline": false
    }
  }
}

...

详解移步到：https://blog.csdn.net/u013304372/article/details/78927570

https://blog.csdn.net/AboyL/article/details/80616809

VS Code使用 Vue工程配置 eslint

推荐阅读