eslint报错文档大量红色报错符号 不自动修正

确保eslint在工作

控制台大量报错信息

确保setting.json

开了保存的时候自动格式化代码 这个时候保存的时候代码可以自动被格式化 但是 文档中和控制台中仍然有大量的报错 信息 此时此刻说明 格式化文档的文件不是按照eslint 格式化的

可以网上找找现成可用的setting.json抄一下 这是我的 配的乱七八糟的(网上东拼西凑的)

javascript 复制代码
{
  // #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  "explorer.confirmDragAndDrop": false,
  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",
  // tab 大小为2个空格
  "editor.tabSize": 2,
  // 100 列后换行
  "editor.wordWrapColumn": 100,
  // 保存时格式化
  // "editor.formatOnSave": true,
  // 开启 vscode 文件路径导航
  "breadcrumbs.enabled": true,
  // prettier 设置语句末尾不加分号
  "prettier.semi": false,
  // prettier 设置强制单引号
  "prettier.singleQuote": true,
  // 注释后面加空格
  "prettier.eslintIntegration": true,
  // 选择 vue 文件中 template 的格式化工具
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  // 显示 markdown 中英文切换时产生的特殊字符
  "editor.renderControlCharacters": true,
  // vetur 的自定义设置
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "singleQuote": true, // true 为使用单引号
      "semi": true,// 去掉分号
      "singleAttributePerLine": true,
    },
    "js-beautify-html": {
      "wrap_attributes": "force",
      "wrap_attributes_mode": "auto",
      "wrap-line-length": 100,
      "wrapped_attributes_per_line": "multiple",
      "wrapped_attributes_indent": "auto",
      "wrapped_attributes_end": "auto"
    }
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint" // 使用 vetur 格式化规则
  },
  "workbench.iconTheme": "vscode-icons-mac",
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "eslint.enable": true,
  "eslint.autoFixOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "true"
  },
"files.autoSave": "afterDelay",
"eslint.format.enable": true,
"editor.formatOnType": true,
  // eslint 检测文件类型
  "eslint.validate": [
    "html",
    "vue",
    "javascript",
    { "language": "html", "autoFix": true }
  ],
  "bracketPairColorizer.depreciation-notice": false,
  "diffEditor.ignoreTrimWhitespace": false,
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "terminal.integrated.profiles.windows": {
    "PowerShell": {
      "source": "PowerShell",
      "icon": "terminal-powershell"
    },
    "Command Prompt": {
      "path": [
        "${env:windir}\\Sysnative\\cmd.exe",
        "${env:windir}\\System32\\cmd.exe"
      ],
      "args": [],
      "icon": "terminal-cmd"
    },
    "Git Bash": {
      "source": "Git Bash"
    },
    "Windows PowerShell": {
      "path": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
    }
  },
  "terminal.integrated.defaultProfile.windows": "Windows PowerShell",
  "workbench.colorCustomizations": {},
  "workbench.colorTheme": "One Dark Pro Darker",
  "Codegeex.Privacy": false,
  "fileheader.configObj": {
    "Author": "Guomy",
    "createFileTime": true, // 设置为true则为文件新建时候作为date,否则注释生成时间为date

    "autoAdd": true, // 自动生成注释,老是忘记的同学可以设置

    "annotationStr": {
      "head": "/*",

      "middle": " * @",

      "end": " */",

      "use": true // 设置自定义注释可用
    },

    "headInsertLine": {
      "php": 2
    }
  },
  "fileheader.cursorMode": {
    "Description": "", // 文件内容描述

    "Author": "Guomy", // 编辑人

    "Date": "Do not edit", //时间

    "LastEditTime": "Do not edit",

    "LastEditors": " "
  },
  "editor.formatOnSave": true,
  "prettier.documentSelectors": ["\"singleAttributePerLine\": true,"],
  "prettier.requireConfig": true,
  "json.schemas": [
  ],
  "html.format.contentUnformatted": "",
  "eslint.format.enable": true,
  "eslint.notebooks.rules.customizations": [

  ],
}

配置格式化文档为eslint

注意这里点进去有vscode vetur prettier选项(如果安装过这种插件的话)

必须确保默认值为eslint 点进去配置默认格式化程序配置为eslint 我就是没有点进去配置默认格式化文档 点了很多次eslint 发现保存还是爆红 其实是当前一次配置为 eslint 但是每次保存的时候自动格式化又返回到设置的默认值了(如果默认值没有成功配置为eslint)

点完之后就没啥了

相关推荐
乐闻x3 小时前
VSCode 插件开发实战(十二):如何集成Git操作能力
ide·git·vscode
Hylan_J9 小时前
【VSCode】工作区及设置
ide·vscode·编辑器
Jokerjay19 小时前
使用VsCode编译调试Neo4j源码
vscode·neo4j
码上好玩1 天前
vscode写python,遇到问题:ModuleNotFoundError: No module named ‘pillow‘(已解决 避坑)
vscode·python·pillow
scoone1 天前
VSCode 性能优化指南:提高编码效率,减少资源占用
ide·vscode·编辑器
搞笑的秀儿1 天前
12.25 VScode+jupyter使用
ide·vscode·jupyter
温柔的男孩像海洋丶1 天前
vscode的keil assistant 中搜索不到全局变量
ide·vscode·单片机
乐闻x1 天前
VSCode 插件开发实战(九): 不同插件之间如何通信
ide·vscode·编辑器
奋斗吧程序媛1 天前
删除VSCode上 origin/分支名,但GitLab上实际上不存在的分支
前端·vscode
乐闻x1 天前
VSCode 插件开发实战(十): 环境变量Env设置与管理
ide·vscode·编辑器