vscode中不出现eslint,出现pretter

同时安装了Eslint和pretter插件
导致格式化选择内没有eslint

将pretter插件卸载

附上格式化代码

{
  "workbench.colorTheme": "Default Dark+",
  // 控制字体大小
  "editor.fontSize": 16,
  "terminal.integrated.automationProfile.linux": {},
  // 同步 Git 存储库前请先进行确认
  "git.confirmSync": false,
  // 控制编辑器在键入一行后是否自动格式化该行
  "editor.formatOnType": true,
  // 控制编辑器是否自动格式化粘贴的内容。格式化程序必须可用,并且能针对文档中的某一范围进行格式化。
  "editor.formatOnPaste": true,
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "workbench.iconTheme": "vscode-icons",
  "editor.wordWrap": "on",
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #让函数(名)和后面的括号之间加个空格
 "eslint.run": "onSave",
  "eslint.format.enable": true,
  //针对共用的语言如JS、TS和JSX关闭文件保存自动格式化功能,通过eslint来做这件事
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false
  },
  "[typescript]": {
    "editor.formatOnSave": false
  },
  "editor.codeActionsOnSave": {
    "source.fixAll": "explicit",
    "source.fixAll.eslint": "always"
  },
 
  // html颜色高亮
  "files.associations": {
    ".eslintrc": "json",
    "*.vue": "vue"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  "editor.fontLigatures": false,
  "explorer.compactFolders": false,
  "editor.mouseWheelZoom": true,
  "liveServer.settings.proxy": {
    "proxyUri": "http://127.0.0.1:5501"
  },
  "liveServer.settings.ChromeDebuggingAttachment": false,
  "liveServer.settings.port": 5501,
  "liveServer.settings.AdvanceCustomBrowserCmdLine": "",
  "[html]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "liveServer.settings.donotShowInfoMsg": true,
  "cssrem.rootFontSize": 14,
  "eslint.codeActionsOnSave.rules": null,
  "javascript.updateImportsOnFileMove.enabled": "never",
  "cSpell.languageSettings": [],
  "tabnine.experimentalAutoImports": true,
  "editor.largeFileOptimizations": false,
  // csscomb css格式化插件
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  //autoFix默认开启,只 需输入字符串数组即可
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "vue-html": "html",
    "vue": "html"
  },
  "git.ignoreRebaseWarning": true,
  "px-to-rem.px-per-rem": 16,
  "[css]": {
    "editor.defaultFormatter": "vscode.css-language-features"
  },

  "workbench.startupEditor": "none",
  "workbench.editor.enablePreview": false,
  "workbench.editor.showTabs": "multiple",
  "auto-en-conversion.conversion": {
    "appId": "20240425002034344",
    "secretKey": "egAN7NUvjYGWLhYHLLIK",
    "isCache": true,
    "cleanCacheSize": 3145728,
    "charSize": 10
  }
}

插件如下,自行挑选安装
在这里插入图片描述在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode 使用 ESLint 插件对代码进行修复非常简单。 首先,我们需要在 VSCode 安装 ESLint 插件。安装完成后,我们需要在项目的根目录下安装 ESLint: ``` npm install eslint --save-dev ``` 然后,我们需要为项目配置一些规则。我们可以使用 `eslint --init` 命令来生成一个 .eslintrc 配置文件,也可以手动创建一个。 接下来,我们需要在 VSCode 启用 ESLint 插件,以便在保存代码时显示错误和警告。打开 VSCode 设置文件,将以下设置添加到其: ``` "eslint.enable": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true } ``` 第一行启用了 ESLint 插件,第二行告诉 VSCode 在保存文件时自动修复 ESLint 问题。 现在,当您在 VSCode 编辑器打开任何 JavaScript 文件并保存它时,ESLint 插件将自动修复任何问题。如果有多个问题需要修复,ESLint 插件将在保存文件之前显示一个预览并请求您的确认。 除了自动修复,在代码使用 ESLint 还很方便。如果您看到一个红色波浪线表示有错别字,将鼠标悬停在其上方,ESLint 插件将向您展示听起来有更好的替代方案。如果您在编码时感到困惑,ESLint 插件也可以为您提供重要的建议。 综上所述,在 VSCode 使用 ESLint 插件对代码进行修复非常方便,并且节省了大量的时间和精力。通过配置正确的规则,并启用自动保存功能,你可以在开发始终保持代码的正确性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值