在vscode中使用eslint实现文件内自动检测提示且保存代码时自动修改格式

1.全局安装eslint

打开终端，运行npm install eslint -g全局安装ESLint。

2.vscode安装插件

3.vscode 扩展设置

依次点击 文件 > 首选项 > 设置

  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  //配置eslint
  "editor.formatOnSave": false,
  // 添加vue支持
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ],
  // 保存后自动修复格式
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true // 当不需要ctrl+s保存代码自动修复eslint就置为false
  },
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },

The setting is deprecated. Use editor.codeActionsOnSave instead with a source.fixAll.eslint member. 类似这种报错，意思是此配置已经作废，需要找找最新的配置写法

补充：常用关闭eslint方法

1. 关闭段落校验
/* eslint-disable /some code
some code
/ eslint-enable */

2. 关闭当前行校验
some code // eslint-disable-line

3. 关闭下一行校验
// eslint-disable-next-line
some code