webstrorm自动规范前端代码

597 阅读1分钟

编码工具:Webstorm

实现目标:保存时自动格式代码

1.配置ESLint

2.查看自动修复快捷键(这个快捷键可修改)

工具栏Code --> ESLint Fix可查看到当前的自动修复快捷键,例如:

在编码时按下这个快捷键就会按照预设的规范,如:vue项目.eslintrc.js通用配置自动进行格式化

下面截几张自动格式化之后的对比图