美文网首页
ESLint安装与配置

ESLint安装与配置

作者: 何妨吟啸且徐行1 | 来源:发表于2018-03-30 11:15 被阅读0次

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

    相关文章

      网友评论

          本文标题:ESLint安装与配置

          本文链接:https://www.haomeiwen.com/subject/imgbcftx.html