eslint基础使用
创建一个eslint项目
npm init -y
初始化
npm init @eslint/config
下载包并新增配置
这样在文件目录下就有eslintrc.js文件
eslint官网
自动修正使用–fix的几种方式 查看官网可以看到哪些错误是可以自动修正的
如果在根目录下有多个eslint配置文件,那么他们的优先顺序
配置规则
- "off"或 0 - 关闭规则
- "warn"或1 -启用并视作警告(不影响退出)
- "error"或2 -启用并视作错误(触发时退出代码为1)
第一种方式可以在js文件中直接采用注释的方式,这种方式只在当前文件生效(不常用)
"eqeqeq"全等于
“curly”:大括号简写
/* eslint-disable -- 全部禁用 */
/* eslint-disable eqeqeq -- 指定禁用 */
...
/* eslint-enable -- 开启 */
//eslint-disable-next-line -- 禁用下一行
//eslint-disable-line -- 禁用当前行
第二种配置文件里面配置
如果在配置文件里面报错,直接用修复vscode自动修复就好了如果没有
// eslint-disable-next-line no-undef
加上这行代码//也要加上
最后在rules配置规则
// eslint-disable-next-line no-undef
module.exports = {
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:vue/vue3-essential"
],
"overrides": [
],
"parserOptions": {
"ecmaVersion": "latest",
"sourceType": "module"
},
"plugins": [
"vue"
],
"rules": {
eqeqeq: 2,//全等于
curly: 1,//大括号省写
quotes:["error","single"],//单双引号互用
"no-unused-vars": 'off',//可以定义不适用
}
}
设置单独文件包含校验