eslint-config-react-app 长按识别二维码查看原文 标题:eslint-config-react-app eslint-config-airbnb 长按识别二维码查看原文 标题:eslint-config-airbnb 以下是 eslint-config-airbnb 的最外层配置。
q=eslint-config eslint-config-airbnb 是我们平时用的最多的包之一。 specified\" && exit 1" }, "author": "", "license": "ISC" } 下面,我们来添加我们需要的相关依赖 npm install -D eslint eslint-config-airbnb
{ "devDependencies": { "babel-eslint": "^10.0.1", "eslint": "^5.4.0", "eslint-config-airbnb
比如大名顶顶的eslint-config-airbnb和eslint-config-google。为了更好的统一团队的JS编程风格和代码质量。 eslint-config-ivweb": "^0.1.0", "husky": "^0.14.3", "lint-staged": "^4.2.3" } } 答疑互动 Q: 为什么不直接使用airbnb团队的 eslint-config-airbnb
这里,我是继承了 eslint-config-airbnb 再进行一些小修改。 如果直接使用,这样就OK了: //.eslintrc.jsmodule.exports = { extends: ['eslint-config-airbnb'], } Commitlint 统一规范
off", "@typescript-eslint/lines-around-comment": "off" } eslint-config-prettier 为何出现 过去,流行的共享配置,如 eslint-config-airbnb 在共享配置中启用过于武断的规则——尤其是风格化规则——会让开发者不喜欢 ESLint 而没有太多实际好处 ESLint 和 typescript-eslint 的推荐规则集已经包括了大多数有益的逻辑规则,这些规则集如eslint-config-airbnb 主要用于这些规则 因此,许多新项目没有感觉到需要加载如eslint-config-airbnb这样武断的共享配置。
'globalCache': 'writable' // 添加全局缓存,且该值可读写 } } extends 规则配置继承 允许我们继承其他eslint 配置规则文件或npm规则包, 例如: eslint-config-airbnb 导入插件内的规则文件, 这里表示, 查询插件 @typescript-eslint, 并导入规则文件 recommended "@vue/airbnb", // 规则包, 等价于 @vue/eslint-config-airbnb
$ npm i -g eslint-config-airbnb 最后,在项目的根目录下新建一个.eslintrc文件,配置ESLint。 { "extends": "eslint-config-airbnb" } 现在就可以检查,当前项目的代码是否符合预设的规则。 index.js文件的代码如下。
几个大家可能听过的像是 eslint-config-standard、eslint-config-airbnb、eslint-config-prettier、eslint-config-google、… 常见的 ESLint 配置文件像是文章开头提到的 eslint-config-standard、eslint-config-airbnb、eslint-config-prettier、eslint-config-google 的前缀,像是这样:{ extends: [ 'plugin:react/recommended', 'airbnb', ],}这里 extends 了 airbnb ,其实指的就是加载 eslint-config-airbnb 包成 NPM 包实际上,我们不只是会创建共用的 ESLint 配置文件,还会把这个共用的 eslint 配置文件发布到 npm 上,就像是前面提到的 eslint-config-standard 或 eslint-config-airbnb
npm i -g eslint-config-airbnb 最后,在项目的根目录下新建一个.eslintrc文件,配置ESLint。 { "extends": "eslint-config-airbnb" } 比如: var unusued = 'I have no purpose!'
cnpm i eslint@^6.1.0 eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react
以下是 eslint-config-airbnb 的最外层配置。
当然如果不使用默认配置的话, 就可以用一些主流配置, 比如 Airbnb 的配置: 首先先完成上面所有工作后, 将配置文件改成这个样子: { "extends": "airbnb" } 然后全局安装几个缺少的包: eslint-config-airbnb
继承社区知名代码规范后团队内部再进行细节调整 { "extend": ["airbnb-base"], "rules": { "semi": ["error", "never"] } } 社区知名的代码规范 eslint-config-airbnb
Please check that the name of the config is correct.cnpm i eslint@^6.1.0 eslint-config-airbnb eslint-plugin-import
$ npm i -g eslint-config-airbnb $ npm i -g eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react { "extends": "eslint-config-airbnb" } 现在就可以检查,当前项目的代码是否符合预设的规则。 index.js文件的代码如下。
要怎么设置 1.在你的 package.json 中,添加一些dev依赖项并执行 npm i或yarn: "devDependencies": { "eslint-config-airbnb":
": "^0.0.6" }, "devDependencies": { "babel-eslint": "^10.0.3", "eslint": "^6.4.0", "eslint-config-airbnb
知道了每个plugins的版本要求后,代入以下命令执行安装即可使用: npm install eslint-config-airbnb eslint@^#.#.# eslint-plugin-jsx-a11y
例如:eslint-config-airbnb插件包,就预设好了一些由Airbnb推荐的ESLint配置项。