全局安装 ESLint 在 VSCode 中配置(解决 eslint.options 中 configFile 路径失效)

初心

既然已经在一些项目中用到了 eslint 来保证自己的代码规范,那当然是希望自己以后写的代码都遵从 eslint 的规范。

但是,作为一个程序员,肯定懒得去在每一个项目中都配置一次自己想要的规范,那么,ESLint 的全局安装,是必不可少的。

全局安装 ESLint

npm install eslint -g

按照 ESLint 官网以及翻遍的各个博客,在全局安装之后都需要通过 eslint --init 来生成一个目录文件

并且都是直接就成功了

eslint --init

可是,当我输入 eslint --init 后敲下回车,呈现在我眼前的却不是成功,而是失败

在这里插入图片描述

虽然跟博客中的教程有点不一样,但是并不是没有解决办法嘛

不就是缺少一个 package.json 文件嘛

本着贯彻不什么东西都丢 C 盘的思想方针,我去 E 盘 npm init 就好了

在这里插入图片描述

虽然好像报了个错,不过不要紧,.eslintrc.js 文件还是创建了
在这里插入图片描述

嗯,终点就在眼前了!

在 VSCode 中下载 ESLint 插件

在这里插入图片描述

根据插件的说明,再去 settings.json 中配置一下 configFile 就好了

在这里插入图片描述

这里我填写了我刚刚的 E 盘的位置

在这里插入图片描述

接下来就是验证结果的时候了!

新建一个空目录,新建一个 js 文件,随意的写几行代码,看看 eslint 会不会进行检测

大问题!

但是,我的 js 文件们确一点动静没有,不管写的多么不符合规范,eslint 就是不报错!!

可我在其他有在项目本地安装 eslint 的项目中,eslint 确乖乖的按照 .eslintrc 来给我检查代码呀

解决

在 eslint 插件中的第一句描述…

  • 7
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值