前端进阶6-ESLint + Prettier - Ⅰ、配置JS文件 - ESLint(解决代码规范问题)

70 阅读1分钟
  • 一、ESLint(解决代码规范问题)

    • 1 - 安装(npm i eslint -D)
    • 2 - 初始化配置文件,根目录生成.eslintrc.js(npx eslint --init)
    • 3 - 执行规范检测,控制台回抛出问题(eslint 文件名.js)
    • 4 - 自定义配置 .eslintrc.js 的 rules 部分(0是忽略,1是警告,2是报错)

      • 常见配置:

        • quotes: 2(引号类型为单引号'')——``或""或''
        • semi: 1(语句强制分号结尾)
        • no-console: 1(警告使用console)
        • space-before-function-paren: 0(函数定义时括号前面要不要有空格)
      • 此时重新检测可以发现新的警告
    • 5 - 格式的问题也被检测出来,那么我要怎么修复它们呢?

      • 执行 eslint 的修复(eslint 文件名.js --fix)
    • 6 - 此时规范问题就修复了!但是格式还是很乱,不美观不工整?