.html文件 eslint参上

2020-05-28 17:01:24 阅读：262 来源： 互联网

前言：最近闲暇时间用.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属性：

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

"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 支持。(重要：这是一个实验性的功能,在未来可能会有明显改变。 建议你写的规则 不要 依赖该功能，除非当它发生改变时你愿意承担维护成本。)
    }
}

"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

```
"globals": {
    template: false, // false 不允许被重写
    _util: false
}
```
官网解释：https://cn.eslint.org/docs/user-guide/configuring#specifying-environments
```
"plugins": [
      "html"
    ],
```
插件：ESLint 支持使用第三方插件。在使用插件之前，你必须使用 npm 安装它。如：npm i -D eslint-plugin-html。在配置文件里配置插件时，可以使用 plugins 关键字来存放插件名字的列表。插件名称可以省略 eslint-plugin- 前缀
```
"rules": {
    "no-var": 1
}
```
更多规则参考：https://cn.eslint.org/docs/rules/

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

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

标签：插件,参上,html,eslint,https,全局变量,true
来源： https://www.cnblogs.com/sxdjy/p/12981964.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

.html文件 eslint参上