1. ESLint 是一个针对 JS 的代码风格 检查 工具,当不满足其要求的风格时,会给予警告或错误;
  2. 官网
  3. 民间中文网

使用

  1. ESLint 通常配合编辑器使用,在 vscode 中安装 ESLint 插件

    • 该工具会自动检查工程中的 JS 文件;
    • 检查的工作交给 eslint 库,如果当前工程没有,则会去全局库中查找,如果都没有,则无法完成检查;
    • 另外,检查的依据是 eslint 的配置文件 .eslintrc ,如果找不到工程中的配置文件,也无法完成检查;
  2. 安装 eslint

    npm i [-g] eslint
    
  3. 创建配置文件,eslint 会识别工程中的 .eslintrc.* 文件

配置文件

{
  /**
   * env 配置代码的运行环境
   *  browser:代码是否在浏览器环境中运行
   *  es6:是否启用 ES6 的全局 API,例如 Promise 等
   */
	"env": {
		"browser": true,
		"es6": true
	},
  /**
   * 指定 eslint 对哪些语法的支持
   *  ecmaVersion:支持的 ES 语法版本
   *  sourceType:script 传统脚本、module 模块化脚本
   */
	"parserOptions": {
		"ecmaVersion": 2018,
		"sourceType": "module"
	},
  /**
   * 该配置继承自哪里,表示该配置缺失的位置,使用 eslint 推荐的规则
   */
	"extends": "eslint:recommended",
  /**
   * 每条规则都有下面几个取值
   *  off 或 0 或 false: 关闭该规则的检查
   *  warn 或 1 或 true:警告,不会导致程序退出
   *  error 或 2:错误,当被触发的时候,程序会退出
   */
	"rules": {
		"curly": "off"
	},
  /**
   * 可以使用的额外的全局变量
   */
  "globals": {
    "var1": "readonly",
    "var2": "writable"
  }
}
打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

中午好👏🏻,我是 ✍🏻   疯狂 codding 中...

粽子

这有关于产品、设计、开发的问题和看法,还有技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程

了解更多

目录

  1. 1. 使用
  2. 2. 配置文件