ESLint安装与配置
2018-03-30 本文已影响0人
何妨吟啸且徐行1
一、node安装
1.安装node前,先安装npm,然后直接用npm安装node:
//brew命令
brew install npm
brew install node
ps:因为电脑上之前安装过node,所以运行上面的命令之后报错,这个时候我们不需要安装,直接使用命令升级即可:
brew upgrade node
升级node
安装成功
二、eslint的安装
1.命令行安装eslint
npm install eslint –g
// 这里是安装在了全局,当然你可以选择直接安装在工程目录下面
键入安装命令,开始安装
eslint安装完成
2.安装eslint的几个插件包:
先说一下,为什么要安装这几个plugin包:因为在选择代码风格的时候选择了Airbnb(Airbnb-JavaScript的一种风格或者说规范),它需要这几个包:
npm install eslint-plugin-import -g
npm install eslint-plugin-react -g
npm install babel-eslint -g
//同样的,这里是安装在了全局环境
安装plugin包
三、eslint的配置
1.安装相关依赖:
进入到eslint所在目录下(全局安装一般会在/usr/local/bin下面),再执行一次npm install,以确保最新的安装依赖:
npm install执行完成
2.安装Yeoman:
Yeoman是一个脚手架生成器,eslint借助这个脚手器来简化新规则的开发[Yeoman官方网站 ]。
npm install -g yo
// 同样的,这里是安装在了全局环境
命令安装
Yeoman安装完成
3.安装eslint的Yeoman生成器
npm install –g generator-eslint
Yeoman生成器安装完成
四、测试eslint是否安装成功
上面环境和依赖都配置安装好了以后,测试一下是不是环境配置好了:
npm test
// 记住:还是要在eslint的文件夹下运行
运行命令后,会输出很多内容,如果里面发现失败或者无效的测试结果,需要检查自己的环境配置~
以上工作完成,我们就可以开始使用ESLint来规范我们自己的代码了~