.html文件 eslint参上

前言：最近闲暇时间用.html文件练习一些js小算法，其实就是照抄hahah~~写的时候发现每个文件风格都不一样，于是乎就想着用eslint管理一下，正文来了。。。

1.首先在文件目录下执行：

npm init -y

会出现一个package.json文件，懂得都懂

2.下载依赖包

npm i babel-eslint eslint eslint-plugin-html --save
或者
yarn add babel-eslint eslint eslint-plugin-html

3.配置eslint：

我这里用了最简单的package.json文件配置

package.json文件：

"eslintConfig":{}

4.eslintConfig属性：

1. "root": true // 默认情况下，ESLint 会在所有父级目录里寻找配置文件，一直到根目录。如果发现配置文件中有 “root”: true，它就会停止在父级目录中寻找。

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

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

   使用 env 关键字指定你想启用的环境。如上：

   更多环境设置请参考：https://cn.eslint.org/docs/user-guide/configuring#specifying-environments

4. "globals": {
       template: false, // false 不允许被重写
       _util: false
   }
   

   官网解释：https://cn.eslint.org/docs/user-guide/configuring#specifying-environments

5. "plugins": [
         "html"
       ],
   

   插件：ESLint 支持使用第三方插件。在使用插件之前，你必须使用 npm 安装它。如：npm i -D eslint-plugin-html。在配置文件里配置插件时，可以使用 plugins 关键字来存放插件名字的列表。插件名称可以省略 eslint-plugin- 前缀

6. "rules": {
       "no-var": 1
   }
   

   更多规则参考：https://cn.eslint.org/docs/rules/　

整理参考链接：https://blog.csdn.net/guang_s/article/details/90231312

官网：https://cn.eslint.org/