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

来源：互联网发布：脸歪知乎编辑：程序博客网时间：2024/05/16 18:10

安装npm

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

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

安装Eslint

建议全局安装

npm install -g eslint

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

npm install -g eslint-plugin-importnpm 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规范中文版：点击打开链接

0 0