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

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

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

在这里插入图片描述

2.如何解决? 以下步骤(File > setting > 搜索eslint > 点击 eslint )
在这里插入图片描述

3.勾选 Enable
在这里插入图片描述

4.勾选Configuration file, 指定 .eslintrc.js 路径 , 位置在项目名称目录下,选择后Apply确认
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5. 鼠标置于任意一个红色波浪线处, 按 ALT + SHIFT + Enter
在这里插入图片描述
6. 保存,收工
在这里插入图片描述
在这里插入图片描述

你可能感兴趣的:(前端技术,eslint一键格式化,自动排版,webstorm)