前端进阶6-ESLint + Prettier - 三、各项配置

三、各项配置

• parser（指定解析器）

• parserOption（额外配置解析器参数）

  • ecmaVersion：2021（指定要使用的 ECMAScript 版本：设置为）

• 指定全局变量

  • 可以在配置文件、注释中指定额外的全局变量，false表示变量只读
  • 注释：/* global var1, var2 // global var1:false, var2:false */
  • JSON：{"globals": {"var1": true,"var2": false}}

• *****学习操作步骤

  • 1 - 安装 ESLint

    • （npm install eslint --save-dev）

  • 2 - 通常，我们会使用别人已经写好的代码检查规则，这里使用的是 Airbnb 公司的规则。所以，还要安装 ESLint 这个规则模块。

    • （npm install eslint-plugin-import eslint-config-airbnb-base --save-dev）
    • 上面代码中，eslint-plugin-import是运行这个规则集必须的，所以也要一起安装。

  • 3 - 在.eslintrc.json配置文件中添加规则

    • {"extends": "airbnb-base"}