Я хотел бы отформатировать мой html код в VS Code - PullRequest
Новая
       106

Я хотел бы отформатировать мой html код в VS Code

0 голосов
/ 04 мая 2020

мой html код в моем angular компоненте, у меня автоматически есть: 

     <a
        class="text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-no-wrap uppercase text-white"
        href="#pablo"
      >
        pink Color
      </a>
      <button
        class="cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none"
        type="button"
      >
        <span class="block relative w-6 h-px rounded-sm bg-white"></span>
        <span
          class="block relative w-6 h-px rounded-sm bg-white mt-1"
        ></span>
        <span
          class="block relative w-6 h-px rounded-sm bg-white mt-1"
        ></span>
      </button>

В то время как я хотел бы: 

      <a class="text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-no-wrap uppercase text-white" href="#pablo">
        pink Color
      </a>
      <button class="cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none" type="button">
        <span class="block relative w-6 h-px rounded-sm bg-white"></span>
        <span class="block relative w-6 h-px rounded-sm bg-white mt-1"></span>
        <span class="block relative w-6 h-px rounded-sm bg-white mt-1"></span>
      </button>

Я ищу свои настройки. json но я не знаю, где я не могу это изменить ... Есть предложения?

Ответы [ 2 ]

0 голосов
/ 04 мая 2020

Я нахожу решение! Добавьте эти строки в настройках. json 

"[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
}
0 голосов
/ 04 мая 2020

Для лучшего и текущего шаблона, go на вкладке расширений и загрузите Prettier и ESLint.

Итак, в ваших настройках вы можете добавить: 

"[javascript, angular, html, css, json]": {
        "editor.formatOnSave": true
    },
    "eslint.quiet": true,
    "editor.codeActionsOnSave": {
        "eslint.autoFixOnSave": true,
    },

Или отредактировать для любой язык, который вы хотите использовать vscode.

Это сделает код всегда максимально читабельным, независимо от длины строки кода.

...