ESlint开发环境配置

       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会自动帮你完成配置


至此,安装完成。

参考文档:官方文档

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章