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

问题重现

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

解决办法

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

posted @ 2021-07-02 10:12  今天代码写完了吗  阅读(362)  评论(0编辑  收藏  举报