首先当然是新建一个项目了。假设项目已经建好了,下面开始配置
<强> 1。安装eslint
如果你还没有全局安装eslint,第一件事当然是安装eslint
npm我- g eslint
<强> 2。初始化eslint
eslint——init
这个命令会生成一个.eslintrc的文件,有几种形式。选自己习惯的形式就行,我的生成的是一个.eslintrc.js文件,如下:
模块。出口={
“扩展”:“标准”
};
之前
然后就可以简单的线头某个文件了:
eslint yourfile.js
然后找到包中。json,把ESLint相关的依赖加进去,当然一个个安装也是可以的,只要你不嫌麻烦
安装7.1.1“babel-eslint”:“^”,
:“eslint ^ 3.19.0”,
:“eslint-friendly-formatter ^ 3.0.0”,
:“eslint-loader ^ 1.7.1上”,
:“eslint-plugin-html ^ 3.0.0”,
:“eslint-config-standard ^ 10.2.1”,
:“eslint-plugin-promise ^ 3.4.0”,
:“eslint-plugin-standard ^ 3.0.1”,
:“eslint-plugin-import ^ 2.7.0”,
:“eslint-plugin-node ^ 5.2.0”,
之前
执行npm安装就好了
关于eslint配置文件的详解,可以点击这里查,看这里只简单说下eslint规则详情
<强>
延伸
继承某个已配置好的规则,从某个现有的规则上进行扩展。一般比较流行的eslint规则有三种:谷歌标准,airbnb标准,标标准准。
<强>谷歌标准安装
npm安装eslint eslint-config-google - g
<强> airbnb标准安装
airbnb标准,它依赖eslint, eslint-plugin-import, eslint-plugin-react,和eslint-plugin-jsx-a11y等插件,并且对各个插件的版本有所要求。
你可以执行以下命令查看所依赖的各个版本:
npm信息“eslint-config-airbnb@latest peerDependencies
你会看到以下输出信息,包含每个了每个插件的版本要求
{eslint:“^ 3.15.0’,
“eslint-plugin-jsx-a11y”:“^ 3.0.2 | | ^ 4.0.0”,
“eslint-plugin-import”:“^ 2.2.0”,
“eslint-plugin-react”:“^ 6.9.0”
}
之前
知道了每个插件的版本要求后,代入以下命令执行安装即可使用:
npm安装eslint-config-airbnb eslint@ ^ #。#。# eslint-plugin-jsx-a11y@ ^ #。#。# eslint-plugin-import@ ^ #。#。# eslint-plugin-react@ ^ #。#。# - g
之前
<强>标准标准安装
标准标准,它是一些前端工程师自定的标准。
npm安装eslint-config-standard eslint-plugin-standard eslint-plugin-promise - g
<>强规则
eslint启用的规则列表。你可以重写eslint的规则,定义级别:
模块。出口={
规则:{
“no-console”: 1
}
};
之前
左边是规则,右边是级别。1为警告,2为报错,0为关闭。规则详情请参考这里
<强> 1。安装eslint-plugin-react
npm我eslint-plugin-react
<强> 2。修改.eslintrc.js
修改.eslintrc的代码:
模块。出口={
“扩展”:“标准”,
“env”: {
“浏览器”:没错,
“es6”:没错,
},
“解析”:“babel-eslint”,
" parserOptions ": {
" ecmaFeatures ": {
“experimentalObjectRestSpread”:没错,
“jsx”:真的
},
“sourceType”:“模块”,
“ecmaVersion”: 2018
},
“插件”:(
“反应”
),
}
之前
怎样在vue项目下添加ESLint
eslint中文网
eslint的三大通用规则
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
