首页 > 其他分享 >【前端必会】eslint搞起

【前端必会】eslint搞起

时间:2022-09-19 22:14:46浏览次数:112  
标签:fix 搞起 json prettier https 必会 js eslint

介绍

eslint进行代码审查,统一代码风格,预防潜在BUG

官网
https://eslint.bootcss.com/docs/user-guide/getting-started

安装

init时提示无法执行脚本

参考 https://www.cnblogs.com/jackadam/p/15704911.html

初始化
./node_modules/.bin/eslint --init

package.json添加启动命令

scripts:{
   "lint":"eslint scripts/**",
   "fix":"eslint scripts/** --fix",
}

index.js

let a = 0
let str = 'aaa';
let b = ((a * b) *10);;
console.log(a+1,str)
console.log(a == 1)

执行npm run lint 提示(命令已经添加到package.json)

执行npm run fix 修复(命令已经添加到package.json)

默认推荐的规则
https://eslint.bootcss.com/docs/rules/

待续

vscode与eslint
eslint与prettier
vscode与prettier
prettier与Vetur

总结

  1. 从最基本的一个文件了解eslint
  2. 验证:eslint yourfile.js
  3. 处理:eslint yourfile.js --fix
  4. 目前不会自动处理,不会自动验证
  5. 没事多看看eslint的规则清单,或者项目中使用的规则

标签:fix,搞起,json,prettier,https,必会,js,eslint
From: https://www.cnblogs.com/lee35/p/16709256.html

相关文章