初始化项目
npm init --yes
安装eslint
npm i eslint --save-dev
查看版本
npx eslint --version
快速上手
- 编写问题代码
const foo = 123
function fn () {
console.log('hello');
console.log('eslint');
}
fn(
syy()
- 使用eslint执行检测
npx eslint 01-prepare.js
运行完成之后会打印一串错误信息, 大体意思就是eslint没有找到一个配置文件
2251603269005_.pic_hd.jpg - 根据错误信息提示的解决办法, 执行 eslint --init 初始化一个配置文件
npx eslint --init
回车之后会有一些交互性的问题,我们一个一个看
1 .你想怎样使用ESLint?2331603271447_.pic_hd.jpg
-
项目代码中模块化准备采用哪种类型, 选项的结果就是决定你的代码当中是否允许出现指定的语法或者调用,这里没有用到 选第三个
2271603269090_.pic.jpg -
你用的是哪一款框架2281603269109_.pic.jpg
-
你的项目是否有用到TypeScriptimage.png
-
你的代码最终运行在什么环境image.png
-
你想怎样定义你项目的代码风格2341603272107_.pic_hd.jpg
-
选择之后给了三个主流风格, 按照团队的要求去选择2311603269360_.pic.jpg
-
你的配置文件想要以何种格式的文件存放image.png
- 回车之后会提示你要安装几个插件,选择同意
配置完成之后再来运行 npx eslint 01-prepare.js, fn的错误调用会引起下面的错误2351603272541_.pic.jpg
修改之后再次运行,会出来其他的错误,通过fix来修复运行npx eslint 01-prepare.js --fiximage.png
npx eslint 01-prepare.js --fix
image.png
