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)

点完之后就没啥了

相关推荐
xskukuku2 小时前
使用VSCode配置C语言运行环境
c语言·ide·vscode
小王C语言8 小时前
vscode智能提示问题、跳转问题
ide·vscode·编辑器
郝亚军14 小时前
如何在vscode上运行python程序
ide·vscode·编辑器
Arvin.Angela14 小时前
VsCode 安装文档
ide·vscode·编辑器
CAir215 小时前
copilot配置deepseek和skills
vscode·copilot·skill·deepseek
独隅17 小时前
Visual Studio Code 和 Visual Studio 2026 两大开发工具的核心差异
java·vscode·visual studio
芋头莎莎18 小时前
window 右键菜单添加 vscode
ide·vscode·编辑器
yeflx19 小时前
vscode-server下载异常导致远程连接失败解决方法
ide·vscode·编辑器
cv魔法师19 小时前
解决vscode终端报错npm : 无法加载文件npm.ps1,因为在此系统上禁止运行脚本。
ide·vscode·npm
ABAP-張旺1 天前
ABAP:Visual Studio Code官方插件安装教程
ide·vscode·编辑器