Mac下WebStorm配置Eslint教程(使用airbnb的js规范)

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/jw5678/article/details/54947045

安装npm

参考这里的教程:Mac上安装Node和NPM ,不过最后一步不用安装Grunt

经过上面的操作,我们已经可以在命令行使用npm命令了

安装Eslint

建议全局安装

npm install -g eslint
由于我们使用的是cocos2dx-js 3.14版本,目前对ES6的支持有限,所以保险起见,我们还是使用airbnb的ES5规范:

npm install -g eslint-plugin-import
npm install -g eslint-config-airbnb

初始化工程

(注意:公司内部的人员不需要进行这步,git更新好项目后,都已经初始化完成,直接进入下一步)

cd到你的项目目录下:

npm --init
会问你一些配置问题,这里不再赘述。运行后,会在目录生成.eslint.json配置文件,后续需要使用更通用的.eslintrc格式,所以修改.eslint.json为.eslintrc,并修改内容为:

{
    "extends": "airbnb/legacy",
    "plugins": [
        "import"
    ],
    "rules": {
        //缩进设置为4个空格
        "indent": ["error", 4]
    },
    "globals": {
        "cc": true,
    }
}

配置WebStorm

从git更新好项目后,打开WebStorm->Preferences,先开启Eslint



由于我们使用Eslint来规范代码,所以关闭WebStorm自身的检查,只保留Eslint项



好了,代码规范已经集成,不符合规范的将会在WebStorm中自动标红。


进一步学习:

Eslint相关介绍:如何愉快的使用Eslint进行代码校验

Eslint官方中文规则:List of available rules

Airbnb的ES5规范中文版:点击打开链接

展开阅读全文

没有更多推荐了,返回首页