关于webstorm-----eslint一键自动修复所有错误

刚上手VUE,eslint的严格样式有点不适应,严重影响开发效率。现在发现webstrom有一个自动修改格式的功能。具体操作步骤如下

 

1.安装部分自行度娘,保存文件后发现一堆bug,其中包括script各种空格排版等格式问题

关于webstorm-----eslint一键自动修复所有错误

2.如何解决? 以下步骤(File > setting > 搜索eslint > 点击 eslint )
关于webstorm-----eslint一键自动修复所有错误

3.勾选 Enable
关于webstorm-----eslint一键自动修复所有错误

4.勾选Configuration file, 指定 .eslintrc.js 路径 , 位置在项目名称目录下,选择后Apply确认
关于webstorm-----eslint一键自动修复所有错误
关于webstorm-----eslint一键自动修复所有错误
关于webstorm-----eslint一键自动修复所有错误

5. 鼠标置于任意一个红色波浪线处, 按 ALT + SHIFT + Enter
关于webstorm-----eslint一键自动修复所有错误
6. 保存,收工
关于webstorm-----eslint一键自动修复所有错误
关于webstorm-----eslint一键自动修复所有错误