webStrom中添加了Vue的live templates后，模板代码始终不换行

在webStrom中添加了Vue的live templates后，模板代码始终不换行，应该怎么解决哦，求指点

img

img

如果您在 WebStorm 中添加了 Vue 的 live templates 后，发现模板代码始终不换行，可以按照以下步骤进行解决：

打开 WebStorm 的设置（Settings）窗口，在左侧导航栏中选择「Editor」->「Code Style」->「HTML」。

在右侧面板中，找到「Other」选项卡下的「Do not indent children of」，在其输入框中输入以下内容：```
vue-template

  1. 点击「Apply」或「OK」按钮保存设置。

此时，您在使用 Vue 的 live templates 编写模板代码时，就会发现它们已经自动换行了。

如果您还有其他问题，欢迎继续咨询。