ESlint 使用备忘

安装到项目中

 npm install eslint --save-dev

生成一个配置文件

npx eslint --init

参考下列选项,注意第一条选择第3个To check syntax, find problems, and enforce code style,可以检查代码风格问题

✔ How would you like to use ESLint? · style
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · No / Yes
✔ Where does your code run? · browser
✔ How would you like to define a style for your project? · guide
✔ Which style guide do you want to follow? · standard
✔ What format do you want your config file to be in? · JavaScript

vscode中开启保存时自动修复,

1 安装ESlint扩展
2 打开vscode的配置文件,添加下面的配置
  // #每次保存的时候将代码按eslint格式进行修复
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },

常用规则

'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allow console during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allow debugger during development
// 以下为该项目自定义部分
// indent: [2, 4], // 缩进风格 - 开启缩进4格
'no-spaced-func': 2, // 函数调用时 函数名与()之间不能有空格 - 开启
'no-const-assign': 2, // 禁止修改const声明的变量 - 开启
'space-before-function-paren': [0, 'always'], // 函数定义时括号前面要有空格 - 关闭
'eol-last': 0, // 文件以单一的换行符结束 - 关闭
camelcase: 0, // 强制驼峰法命名 - 关闭
'no-undef': 0, // 不能有未定义的变量 - 关闭
'no-alert': 0, // 禁止使用alert confirm prompt - 关闭
'arrow-parens': 0 // 箭头函数用小括号括起来 - 关闭
本站文章如未注明均为原创 | 文章作者:刘晓帆 | 转载请注明来自:前端印象

发表评论

邮箱地址不会被公开。 必填项已用*标注

浏览量:41 次浏览