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
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来规范我们自己的代码了~

上一篇下一篇

猜你喜欢

热点阅读