检查确认是否开启了ESLint的代码格式检查
比如vue项目,在使用vue init webpack project_name
创建项目的时候就会询问是否开启ESLintUse ESLint to lint your code? (Y/n)
如果当初您的选择是Y
那么之后在每次运行npm run dev
时ESLint都会根据当初您的设定进行代码检查,如果不通过就会报错,有些朋友为了图方便可能直接就取消了代码检查,个人感觉不太合适,因为这样不便于写出规整的代码,那么问题来了,已经开启了,而且想让代码规整,但又不知道怎么才能满足ESLint的代码格式要求?很简单:
安装插件自动完成代码格式化
打开PhpStorm/WebStorm……等JetBrains系代码编辑器,点击导航栏:File》Settings
在主搜索框内搜索Plugins,在插件搜索框内搜索安装插件:ESLint Restart Service Action
,安装完成后,在主搜索框内搜索ESLint,你可以看到在:Languages & Frameworks》JavaScript》Code Quality Tools》ESLint
,按下图进行设置即可: