ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误,是JS开发过程中极佳工具,这篇文章将以WebStorm为例告诉你如何在本地配置ESlint环境。
首先,确保你的Node.js版本 (>=4.x), npm版本 2+。
这里有两种安装方式:
- 全局安装(学习过程推荐):全局安装在自己的电脑上,以后别的项目也可以使用,免去了重复下载、配置的麻烦。本文讲解的是全局安装。
- 本地安装(开发过程推荐):安装在当前项目下,仅对当前项目有效。如果你想让 ESLint 成为你项目构建系统的一部分,建议在本地安装。
在命令提示符中运行以下命令
npm install -g eslint
然后运行
eslint --init
在项目目录下(带有package.json文件的目录)初始化ESlint配置,此时弹出风格选择框
让你用方向键选择一种方式,第一个是通过询问来确定那你想要的具体实现风格,可以很具体的配置自己的风格,如果嫌麻烦可以选择第二个,直接配置成一种流行的风格,这里选择的是第二种。第三种是通过检查你的一个或多个js文件自动配置你的风格
这里有三个选择:谷歌,爱彼迎,标准。这里选择谷歌
选择你需要的文件类型,这里选择JS(如果需要选择多个,在配置文件中添加即可)然后就会自动完成安装。等待提示安装完成,接下来就是在IDE中导入ESlint了。打开WebStorm进入主界面,按ctrl+shift+a打开超级搜索,输入eslint,选中回车打开eslint配置
勾选Enable后按apply即可,webstorm会自动帮你完成配置
至此,安装完成。
参考文档:官方文档