vscode中ESlint的配置

安装ESlint
ESlint是一个代码检查工具,装好就行了,需要了解的,点击:http://eslint.cn/学习,或者自行搜索
在这里插入图片描述
安装成功后,按F1,输入:打开设置,也可以点击 VS Code 的 文件 > 首选项 > 设置 ,可以打开设置面
板。
在这里插入图片描述
或者直接这样设置

设置 -->扩展—>ESLint—>在settings.json中编辑
在这里插入图片描述
进入到settings.json后进行相应的配置
在这里插入图片描述

在现有配置中添加

{
    "eslint.alwaysShowStatus": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "vue"
    ],
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "vetur.validation.template": false,
    "window.zoomLevel": 0,
    "explorer.confirmDelete": false
}

eslint.alwaysShowStatus 是否一直启用
eslint.validate 验证的文件类型
editor.codeActionsOnSave 保存代码时操作
source.fixAll.eslint 自动修正
vetur.validation.template 用于关闭vetur的模板修正,避免跟eslint的代码修正冲突。

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!对于VS Code配置ESLint不生效的问题,我可以提供一些建议。请按照以下步骤进行排查: 1. 确保已在项目安装了ESLint,并且在项目的根目录下存在配置文件(一般为`.eslintrc`或`.eslintrc.js`)。 2. 确认您的VS Code已安装了ESLint插件。在扩展面板搜索并安装ESLint插件。 3. 在VS Code的设置,找到ESLint配置项。您可以通过按下`Ctrl + ,`(Windows/Linux)或`Cmd + ,`(Mac)打开设置面板,然后搜索"eslint"来找到相关配置。 4. 在ESLint配置,确保已选"自动修复"(autoFix)选项。这将使VS Code自动应用ESLint规则并修复一些常见问题。 5. 如果您的项目使用了特定的ESLint规则集(如Airbnb或Standard等),请确保已在VS Code的设置指定正确的规则集。在`.eslintrc`文件,您可以配置"extends"属性来指定所使用的规则集。 6. 如果您的项目有多个工作区文件夹,请确保在VS Code的设置已正确配置ESLint的工作区设置。您可以在工作区文件夹的`.vscode/settings.json`文件配置ESLint相关设置。 7. 尝试重启VS Code,然后打开您的项目,看看ESLint是否开始生效。 如果上述步骤都没有解决问题,您可以进一步检查以下可能的原因: - 您的项目可能存在ESLint配置错误。请确保`.eslintrc`文件的规则和插件设置正确,并符合您项目的需求。 - 如果您的项目使用了多个ESLint配置文件,请确保这些配置文件之间没有冲突,并且在VS Code的设置正确指定了配置文件路径。 - 某些其他VS Code插件可能会干扰ESLint的工作。您可以尝试禁用其他插件,然后逐个启用以确定是否与其他插件冲突。 希望这些提示能够帮助您解决问题!如有更多疑问,请随时提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值