Есть ли какой-либо инструмент / редактор отступа параметра пути svg или плагин для vscode? - PullRequest
Новая
       16

Есть ли какой-либо инструмент / редактор отступа параметра пути svg или плагин для vscode?

1 голос
/ 10 июля 2020

Название может быть немного расплывчатым, но я хочу спросить, у меня есть путь 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" />

1 Ответ

1 голос
/ 10 июля 2020

Вы можете использовать расширение Правила замены

Добавьте следующую настройку. 

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