Hello! 欢迎来到小浪资源网!



如何使用 WebStorm 格式化代码,实现标签换行但属性不换行?


如何使用 WebStorm 格式化代码,实现标签换行但属性不换行?

如何在 webstorm 中格式化代码实现标签换行,标签属性不换行?

webstorm 中对代码进行格式化时,有时需要调整标签和标签属性的换行方式。例如,可以将

标签换行,但保持标签属性在同一行。

要实现这个目标,请按照以下步骤操作:

  1. 在 WebStorm 中打开需要格式化的代码。
  2. 右键单击代码并选择 “format Code”。
  3. 在弹出的 “Format Code” 窗口中,展开 “Code Style” 部分。
  4. 在 “Line Breaks” 选项卡中,找到 “html” 部分。
  5. 将 “HTML tags” 下拉菜单设置为 “Split multiline tags if needed”。
  6. 将 “HTML Attributes” 下拉菜单设置为 “Do not wrap (unless it’s an assignment)”.
  7. 点击 “OK” 按钮。

现在,WebStorm 会将

标签换行,同时保持标签属性在同一行。例如:

<p>   This is a paragraph that spans multiple lines. </p>

相关阅读