认识eslint

下载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 文件 在里面直接写忽略文件即可