css - 是否有任何用于 vscode 的 svg 路径参数缩进工具/编辑器或插件？

Question

标题可能有点含糊，但我想问的是我有一个如下所示的 svg 路径，但为了更容易编辑/理解，我想像第二个片段一样显示/缩进。我可以使用任何缩进规则/编辑器或 vscode 插件吗？

<path d="M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9
  C33.3,145.1,67.5,170.3,125,217c59.3-46.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z"/>

<path d="
  M 213.1,6.7
  c -32.4-14.4-73.7,0-88.1,30.6
  C 110.6,4.9,67.5-9.5,36.9,6.7
  C 2.8,22.9-13.4,62.4,13.5,110.9
  C 33.3,145.1,67.5,170.3,125,217
  c 59.3-46.7,93.5-71.9,111.5-106.1
  C 263.4,64.2,247.2,22.9,213.1,6.7
  z" />

标签： csssvgvisual-studio-code

Answer 1

您可以使用扩展替换规则

添加以下设置。

  "replacerules.rules": {
    "svg-path": {
      "find": ["(?<!^ +)([MmLlHhVvCcSsQqTtAaZz]) *","(?<=^ +)([MmLlHhVvCcSsQqTtAaZz]) *"],
      "replace": ["\n  $1 ","$1 "]
    }
  },