了解eslint的使用

1,配置文件

配置文件

eslint除了可以在package.json文件中eslintConfig属性中配置,也可以使用单独的配置文件,配置文件分为多种,例如:.eslintrc.js、.eslintrc.cjs、.eslintrc.yaml、.eslintrc.json等。

忽略文件

.eslintignore(默认文件)

2,核心配置项

  • env - 指定脚本运行环境(如brower、node环境变量、es6环境变量、mocha环境变量等)
  • globals - 脚本在执行期间访问的额外的全局变量
  • extends - 继承已经配置好的规则(指继承已启用的基础配置中的规则)

         例如: "extends": [
                           "plugin:vue/essential",
                            "airbnb-base"
                      ]

  • plugins - 插件,从另一种文件中提取js(例如:plugins: ["vue"])
  • parserOptions - 解析器选项

        例如:"parserOptions": {
                            "ecmaVersion": 12,
                            "sourceType": "module",
                            "parser": "babel-eslint"
                  },

  • rules - 具体的规则

3,rules规则错误等级

  • off 或 0 - 关闭规则
  • warn 或 1 - 开启规则。只警告,不关闭程序
  • error 或 2 - 开启规则。错误级别,会退出程序

关于更多细节和rules内置的配置项,可参考Eslint规则参考

你可能感兴趣的:(笔记-前端工程化,前端,eslint)