在phpstorm上面安装eslint插件

前言

eslint,这是一个检查js代码行为的插件.

此插件需要node的支持.

下载node并安装

进入CMD输入node -v查看node的版本

输入npm -v查看npm的版本(node内置npm)

如果正常显示就代表node安装成功

安装eslint

cmd输入node -g eslint

-g代表全局安装,将会安装到在C:\Users\用户名\AppData\Roaming\npm\node_modules目录下

不输入-g就在当前位置安装.推荐全局安装反正也没多大

在一堆英文代码呼啸而过后就安装成功了.


到现在我们就需要eslint就安装好了

配置eslint

在你的项目根目录进入cmd或者用cmd移动过去

输入npm -init 创建一个json包.一路回车就可以了

输入eslint --init创建eslint的配置文件,有三种格式建议选择的是json.到这里eslint就应该配置好了,看看目录下有没有.eslintrc.json文件


在phpstorm里面启用eslint插件

设置里面找到Languages & Framewordks下面的Javascript下面的Code Quality Tools或者直接搜也可以

在Code Quality Tools下面就有ESLint,不止有Eslint还有JSLint这些检查工具.

点开勾上顶部的Enable

然后node他会自动检查到位置,如果不能就需要手动了.

eslint也会自动检测到位置.下面那个配置文件如果能检测到就不需要手动去否则你需要去选择你项目下那个.eslintrc.json文件.

现在应该配置好了.
在配置文件可以自定义eslint,详细参考https://eslint.org/

分享 二维码
分类:代码笔记
还没有评论


在此输入评论..
0/100