1、关于eslint

ESLint 是一个开源的 JavaScript 代码检查工具,由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查,一般来说编译程序会内置检查工具。

JavaScript 是一个动态的弱类型语言,在开发中比较容易出错。因为没有编译程序,为了寻找 JavaScript 代码错误通常需要在执行过程中不断调试。像 ESLint 这样的可以让程序员在编码的过程中发现问题而不是在执行的过程中。

ESLint 的初衷是为了让程序员可以创建自己的检测规则。ESLint 的所有规则都被设计成可插入的。ESLint 的默认规则与其他的插件并没有什么区别,规则本身和测试可以依赖于同样的模式。为了便于人们使用,ESLint 内置了一些规则,当然,你可以在使用过程中自定义规则。

ESLint 使用 Node.js 编写,这样既可以有一个快速的运行环境的同时也便于安装。

2、简单使用

  • 初始化项目,安装eslint,设置配置文件
初始化项目
cnpm init -y
安装eslint
cnpm i eslint -D

设置配置文件可以采用两种方式:

1、在目录中找到eslint并执行
./node_modules/.bin/eslint --init
2、使用npx执行,非常方便,建议采用
npx eslint --init

1.png

2.png
配置文件会采用交互式进行生成,配置文件存放在项目的根目录下

  • 使用eslint测试demo

先在创建一个index.js文件在./src目录下,然后执行npx eslint ./src/index.js检查文件
4.png

5.png
如果src目录下有多个js文件需要检查错误
6.png
如果src目录下js文件有很多个呢?
7.png
有没有感觉每次都要敲很长的命令比较麻烦,我们可以在package.json配置script简化执行
8.png


记得要微笑
1.9k 声望4.5k 粉丝

知不足而奋进,望远山而前行,卯足劲,不减热爱。


引用和评论

0 条评论