学习记录: ESLint快速上手

初始化项目

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

2. 项目代码中模块化准备采用哪种类型, 选项的结果就是决定你的代码当中是否允许出现指定的语法或者调用,这里没有用到 选第三个

   
   
   2271603269090_.pic.jpg

3. 你用的是哪一款框架
   2281603269109_.pic.jpg

4. 你的项目是否有用到TypeScript
   image.png

5. 你的代码最终运行在什么环境
   image.png

6. 你想怎样定义你项目的代码风格
   2341603272107_.pic_hd.jpg

7. 选择之后给了三个主流风格, 按照团队的要求去选择
   2311603269360_.pic.jpg

8. 你的配置文件想要以何种格式的文件存放
   image.png
9. 回车之后会提示你要安装几个插件,选择同意
   配置完成之后再来运行 npx eslint 01-prepare.js, fn的错误调用会引起下面的错误
   2351603272541_.pic.jpg
   
   修改之后再次运行,会出来其他的错误,通过fix来修复
   image.png
   运行npx eslint 01-prepare.js --fix
   npx eslint 01-prepare.js --fix

image.png