Mac下WebStorm配置Eslint教程（使用airbnb的js规范）

安装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规范中文版：点击打开链接

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/jw5678/article/details/54947045
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 21:16:15
阅读 ( 1074 )
分类：前端

Mac下WebStorm配置Eslint教程（使用airbnb的js规范）

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看