下载elslint
npm init -y //初始化
npm install eslint -D // 安装eslint
npx eslint --init //生成eslint 配置文件
//开始检测
eslint index.js // 可以是目录 要想使用eslint命令需要全局安装 npm i eslint -g
//也可以在pacj.json 配置检测脚本 不需要全局安装eslint
{
"scripts": {
"eslint":"eslint src"
},
}
eslint 配置目录
module.exports = {
"env": { // 指定脚本的运行环境。每种环境都有一组特定的预定义全局变量。
"browser": true,
"es6": true
},
"extends": [ // 一个配置文件可以被基础配置中的已启用的规则继承
"eslint:recommended",
'plugin:vue/recommended'
],
"globals": { // 脚本在执行期间访问的额外的全局变量
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": { // 你想要支持的 JavaScript 语言选项
"ecmaVersion": 2018, // ECMAScript 版本
"sourceType": "module"
},
"plugins": [ // 特定环境使用eslint的插件
"vue"
],
"rules": { // 修改你要使用的规则 off或者0关闭规则 warn或1开启警告提示规则 eror或2开启错误退出规则
"no-console":"off" // 解除不能使用console的规则
},
"overrides":[ // 单独修改一组文件的规则
{
"files": ['*.test.js','test/**/*.js'],
"excludedFiles": ['test/*/*.js'],
"rules": {
"quotes": ["error","single"]
}
}
]
};
eslint 使用形式
有js文件的 有 yal文件 的 有json文件 的
在pack.json中使用eslint
{
"name": "eslint",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"scripts": {
"eslint":"eslint src" // 配置eslint 开始检测命令
},
"eslintConfig": {
"env": {
"es6": true,
"node": true
},
"extends": "eslint:recommended",
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"rules": {
}
},
"devDependencies": {
"eslint": "^5.15.1"
}
}
在js中使用eslint
在文件头部以注释的形式
/* eslint no-console: "off",no-unused-vars: "off" */
git提交关闭eslint
新建 .eslintignore 文件 在里面直接写忽略文件即可