PhpStorm/WebStorm……等JetBrains系代码编辑器解决ESLint代码检查不通过

检查确认是否开启了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,按下图进行设置即可:
在这里插入图片描述

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