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

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

 

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

关于webstorm-----eslint一键自动修复所有错误_第1张图片

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

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

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

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

你可能感兴趣的:(工具)