eslint

代码规范和错误检查工具。

eslint 文件

在更目录下，创建文件.eslintrc .eslintignore。
.eslintignore 文件告诉 ESLint 去忽略特定的文件和目录。同gitignore。
.eslintrc

1. 可以使用 ./node_modules/.bin/eslint --init 创建文件
2. .eslintrc.* 文件支持 .js .yaml .yal .json等格式的配置文件，这里使用 .js文件
3. 在 package.json 里创建一个 eslintConfig 属性，在那里，同样可以定义你的配置
4. 如果 .eslintrc.js 和 package.json里的 eslintConfig 同时存在，则只读取 .eslintrc.js文件

eslint 配置

"root": true, //默认情况下，ESLint 会在所有父级目录里寻找配置文件，一直到根目录。如果发现配置文件中有 “root”: true，它就会停止在父级目录中寻找
// 解析器选项
"parserOptions": {
	"parser": "vue-eslint-parser", // 解析器，默认使用Espree
    "ecmaVersion": 6, // 支持es6语法，但并不意味着同时支持新的 ES6 全局变量或类型（比如 Set 等新类型）
    "sourceType": "module",	// 指定来源的类型，"script" (默认) 或 "module"（如果你的代码是 ECMAScript 模块)
    // 使用的额外的语言特性
    "ecmaFeatures": {
        "jsx": true, // 启用 JSX
        "tsx": true, // 启用 tsx
        "globalReturn": true, // 允许在全局作用域下使用 return 语句
        // "impliedStrict": true, // 启用全局 strict mode (如果 ecmaVersion 是 5 或更高)
        // "experimentalObjectRestSpread": true,	// 启用实验性的 object rest/spread properties 支持。(重要：这是一个实验性的功能,在未来可能会有明显改变。 建议你写的规则 不要 依赖该功能，除非当它发生改变时你愿意承担维护成本。)
    },

},

// 启用环境
"env": {
    es6: true, // 启用 ES6 语法支持以及新的 ES6 全局变量或类型
    node: true, // Node.js 全局变量和 Node.js 作用域
    browser: true, // 浏览器全局变量
    jquery: true // jQuery 全局变量
},

//当访问当前源文件内未定义的变量时，no-undef 规则将发出警告。如果你想在一个源文件里使用全局变量，推荐你在 ESLint 中定义这些全局变量，这样 ESLint 就不会发出警告了。
"globals": {
    jest: 'readonly',
    template: false, // false 不允许被重写
    // _util: false
},

// ESLint 支持使用第三方插件。在使用插件之前，你必须使用 npm 安装它。如：npm i -D eslint-plugin-html。在配置文件里配置插件时，可以使用 plugins 关键字来存放插件名字的列表。插件名称可以省略 eslint-plugin- 前缀。
"plugins": [
    // "html", // 此插件用来识别.html 和 .vue文件中的js代码
    "@typescript-eslint", "prettier", "import"
],

// 一个配置文件可以从基础配置中继承已启用的规则。如上，如果值为字符串数组则每个配置继承它前面的配置。值为 “eslint:recommended” 的 extends 属性启用了eslint默认的规则，请参考：https://cn.eslint.org/docs/rules/
"extends":[
    "eslint:recommended",
],

// ESLint 附带有大量的规则。你可以在rules选项中设置，设置的规则将覆盖上面继承的默认规则。
"rules": {
	'indent': [2, 4], // 强制使用一致的缩进
    'eqeqeq': [2, 'always'], // 要求使用 === 和 !==
    'semi': [2, 'never'], // 要求或禁止使用分号代替 ASI 
    'quotes': [2, 'single']  // 强制使用一致的反勾号、双引号或单引号
}

构建工具（webpack、gulp）配置eslint (opens new window)