目录

想加薪么?来,说说项目的ESLint到底校验了个啥?

这是发生在某一个风和日丽的下午。

正当工作摸鱼,百无聊赖的时候,领导问我,你总说前端代码校验很严格,但你那代码都校验了个啥?

显然,这需要拖延战术,在忽悠领导后,我看了看我们的项目,进入了深思。

我们大部分人在做一个前端项目的时候,配置一个ESLint,不会一个一个的添加上去,大部分的规则,都是从标准中继承出来的,比如下面这样:

eslint.js 复制代码
"plugins": ["@typescript-eslint"]
"extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"]

这样做的好处很明显,都懂的~

但是,如果想要了解里面的每一条规则的细节,比如,我想要知道eslint:recommend这个里面到底推荐了啥规则集。该怎么办呢?

最直接的方式,就是,在某某度上搜索下,然后,我就再也不知道我要找什么了(被瓜干扰

呃,因为啥也找不到,还得去Google,然后,在npm官网上找到eslint-config-recommended中,然后再次看到这个:

bash 复制代码
extends:
  - recommended/esnext
  - recommended/esnext/style-guide
  - recommended/node
  - recommended/node/style-guide
  - recommended/react-native
  - recommended/react-native/style-guide

嗯,它还有继承....

想看这种规则集,还得自己按照ESLint合并规则在脑子里过一遍吗?

No! 那是工作摸鱼该干的事?

所以,换了另外一条思路,去翻翻ESLint规则文档,看有没有直接查看当前项目已被应用的规则命令。

但.....我并没有找到这样的命令。╮(╯▽╰)╭

有兴趣的朋友,可以去看看~这里是链接

但.....我找到了另外一条命令--print-config,官方这么解释:

arduino 复制代码
--print-config path::String   Print the configuration for the given file

然后又想到ESLint对所有校验文件都是应用同样的规则的,所以就突发奇想,是不是将项目中main.js中的规则打印出来,就可以了?

npx eslint --print-config ./src/main.js > rules-config.json

然后我就得到了一个json文件,里面有所有的ESLint规则集:

✿✿ヽ(°▽°)ノ✿ 完工的,剩下的就看怎么吹了!

本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
前端_yu小白19 分钟前
js异步机制
前端·javascript·async·promise·await·js异步·回调地狱
Spider Cat 蜘蛛猫19 分钟前
chrome extension开发框架WXT之WXT Storage api解析【补充说明一】
前端·javascript·chrome
程序猿John4 小时前
ES6 新增特性 箭头函数
前端·javascript·es6
江湖人称菠萝包4 小时前
【Code】《代码整洁之道》笔记-Chapter9-单元测试
代码规范
百锦再5 小时前
五种常用的web加密算法
前端·算法·前端框架·web·加密·机密
@大迁世界5 小时前
彻底改变我 React 开发方式的组件模式
前端·javascript·react.js·前端框架·ecmascript
William Dawson6 小时前
【Vue 3 + Element Plus 实现产品标签的动态添加、删除与回显】
前端·javascript·vue.js
拉不动的猪6 小时前
项目基础搭建时的一些基本注意点
前端·javascript·面试
蕉君桑6 小时前
vue2使用vue-echarts
前端·vue.js·echarts
runnerdancer6 小时前
React+Vite+Typescript项目脚手架模版
前端