您的位置:首页 > 博客中心 > 前端开发 >

解决 eslint 与 webstrom 关于 script 标签的缩进问题

时间:2022-04-11 14:45

问题重现

技术图片
在 vue-cli 中,使用 eslint 时会对代码进行校验,其在 .vue 文件中支持的是不缩进,如下所示:在这里插入图片描述。
而在 webstorm 中使用格式化代码会将代码格式化为:
技术图片
这样就不符合eslint的要求了。

解决办法

WebStrom 默认格式化规则,会将 html 文件中的标签格式化缩进
但是 Eslint+Prettier 的默认规则,子元素不进行缩进。两者在搭配使用时,在格式化时产生冲突。
可以在 WebStorm 的 Settings > Editor > Code Style > HTML > Other > Do not indent children of 选项中添加 **script **与 **style **解决冲突。
技术图片

?

本类排行

今日推荐

热门手游