ESlint 配置

eslit-aribnb安装地址https://www.npmjs.com/package/eslint-config-airbnb

安装

MAC安装方法，windows见以上网址

(export PKG=eslint-config-airbnb;npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest"
)

安装内容如下

+ eslint-plugin-react@7.4.0
+ eslint@4.11.0
+ eslint-plugin-import@2.8.0
+ eslint-plugin-jsx-a11y@6.0.2
+ eslint-config-airbnb@16.1.0

初始化配置

eslint --init

之后会提示选择

? How would you like to configure ESLint? (Use arrow keys)
❯ Answer questions about your styleUse a popular style guideInspect your JavaScript file(s)

选择第二项

? How would you like to configure ESLint? Use a popular style guide
? Which style guide do you want to follow? (Use arrow keys)
❯ GoogleAirbnbStandard

选择Airbnb标准

? Do you use React? (y/N)

有没有使用React，没有就选N

? What format do you want your config file to be in? (Use arrow keys)
❯ JavaScriptYAMLJSON

配置文件以哪种形式保存，选择JSON

? The style guide "airbnb" requires eslint@^4.9.0. You are currently using eslint@
4.3.0.Do you want to upgrade? (Y/n)

检查eslint使用版本，是否更新
推荐使用npm 安装，若安装较慢，切换淘宝源即可。

npm config set registry 'https://registry.npm.taobao.org'

若之前使用cnpm安装package.json中的内容，之后在上一步更新使用npm更新，会导致出错，最好都是用npm安装，前后保持一致。

配置成功

最后会自动创建eslint配置文件.eslintrc.json

{"extends": "airbnb-base"
}

编辑器配置

webstorm在Preference中搜ESLint配置

配置成功后，在代码中会出现提示

ESlint-airbnb配置相关推荐

vue官方eslint插件配置eslint-plugin-vue-libs
由于eslint-config-vue已经被废弃,于是总结了一下eslint-plugin-vue-libs的eslint config配置,如下: module.exports = {extends ...
vue-cli关闭eslint及配置eslint
有了eslint的校验,可以来规范开发人员的代码,是挺好的.但是有些像缩进.空格.空白行之类的规范,在开发过程中一直报错,有点烦人了. 我们可以在创建工程的时候选择不要安装eslint.就是在安装工程 ...
vscode中vue-cli项目es-lint的配置
前言由于公司保密政策,无法通过任何聊天工具将每天get到的新技能带回家,希望就此养成写文章的好习惯,塞翁失马,焉知非福? 本文主要介绍vscode中 vue项目es-lint的配置,有任何错误的地方 ...
vite + ts + eslint全局变量配置
vite + ts + eslint全局变量配置在开发过程中,我们经常需要配置一些全局变量.下面我将记录,我全局变量的配置流程. 我为了使用mock,所以增加了一个全局环境变量__USE_MOCK_ ...
ESLint共享配置的两种方式eslint-plugin和eslint-config
使用ESLint很久了,也看了ESLint官方文档很多遍,但对于ESLint配置的规则还是不胜清楚,例如: {"extends": ["plugin:prettier/r ...
eslint airbnb 不允许尾随逗号
我使用的是airbnb规则进行代码eslint. 会出现保存后,数组或者对象最后一个元素尾随逗号. 此时需要在.eslintrc.js中加入下面代码即可 "comma-dangle" ...
vite + vue2 + eslint 项目配置
// npm 和 yarn 皆可,这里以 yarn 举例安装 vue2 环境 yarn create vite// 选择 framework: vanilla // 不选 vue,是因为vue默认是 ...
关于 create-react-app 自定义 eslint文件配置解决方案
create-react-app项目自定义eslitn配置方式方案一 eject 项目webpack配置进行自定义这个方案比较low,不建议使用.这里不讲解了. 方案二在 package.js ...
编辑器eslint格式_VScode格式化代码，开启ESlint代码检测方法，eslint代码配置
ESlint:是用来统一JavaScript代码风格的工具,不包含css.html等. 背景: 近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱.目前没有 ...
husky 7 + lint-staged 11+ prettier 2 + eslint 7 配置
前言基于最新的一些库来规范项目, 比如格式化和提交预处理等- 一些库的最新版的配置更加独立了, 对于工程化来说,其实更加直观了- 围绕react技术栈加入相关门禁来开展文章- 效果图 git com ...

ESlint-airbnb配置

ESlint 配置

安装

初始化配置

配置成功

编辑器配置

ESlint-airbnb配置相关推荐

最新文章

热门文章