Код Visual Studio CSS отступ и форматирование

Ответ 1

Да, попробуйте установить расширение vscode-css-formatter. Он просто добавляет функции для форматирования файлов .css, а ярлык остается тем же самым Alt+Shift+F.

Ответ 2

Украсить css/sass/scss/less

для запуска этого

введите alt+shift+f

или

нажмите F1 или ctrl+shift+p и затем войдите в украшение..

другой - JS-CSS-HTML Formatter

Я думаю, что и это расширение использует js-beautify внутренне

Ответ 3

Потраченный впустую час на поиск лучшего варианта.

Просто сложите его, для удобства чтения и выбора одного из них.

Заметки:

• CSS и SASS/SCSS/LESS связаны между собой
• HTML, Javascript, Typescript, JSON - VS код уже форматируется
• CSS и связанные с ним - VS код не форматируется на сегодняшний день

Опции:

• Чтобы отформатировать css/sass/scss/less:
  • https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
    • Все связанные css поддерживаются, а не другие, я выбираю это, он прекрасно работает.
• Чтобы отформатировать JavaScript/TypeScript/CSS:
  • https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier
    • но уже JS, TS поддерживаются кодом VS
• Для форматирования файлов JS, CSS, HTML, JSON (переносит js-beautify)
  • https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter
    • но уже JS, HTML, JSON поддерживаются кодом VS
• Чтобы отформатировать CSS
  • https://marketplace.visualstudio.com/items?itemName=aeschli.vscode-css-formatter
    • но поддерживается только CSS, не все связанные - не поддерживаются 6+ месяцев

Для форматирования:

Нажмите Alt + Shift + F в VS Code
например, после установки красивее

Надеюсь, это поможет.

Ответ 4

После открытия локального bootstrap.min.css в коде Visual Studio он выглядел незапятнанным. Пробовал запятую ALT + Shift + F но тщетно.

Потом установил

Расширение CSS Formatter.

Перезагрузил его, и ALT + Shift + F добавили шарм в мой CSS файл.

Бинго !!!

Ответ 5

В галерее можно выбрать несколько, но тот, который я использую, который предлагает значительный уровень конфигурируемости, остающийся ненавязчивым для остальных параметров, Украсить Микеле Меллусо. Он работает как с CSS, так и с SCSS и позволяет вам отступать 3 пробела, сохраняя остальную часть кода в 2 пробелах, что приятно.

Вы можете вырвать его из GitHub и приспособить его самостоятельно, если вы тоже захотите.

Ответ 6

Я рекомендую использовать Prettier, так как он очень расширяемый, но все еще отлично работает из коробки:

1. CMD + Shift + P -> Format Document

или же

1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection

Ответ 7

Перейдите в меню "Файлы" → "Настройки" → "Расширения". Затем введите CSS Formatter, дождитесь его загрузки и нажмите "Установить".

Ответ 8

Установите расширение HookyQR.beautify. Он украсит ваш JavaScript, JSON, CSS, Sass и HTML в коде Visual Studio. Это наиболее используемые расширения для этой цели

Ответ 9

https://marketplace.visualstudio.com/items?itemName=sibiraj-s.vscode-scss-formatter

Мой фаворит для форматирования scss.

Ответ 10

В Windows вы можете нажать ctrl+k + ctrl+d для автоматического отступа

PS это должно работать с любым типом документа

Ответ 11

Чтобы форматировать код в Visual Studio, когда хотите, нажмите: (Ctrl + K) и (Ctrl + F)

Правила автоматического форматирования можно найти и изменить в: Инструменты/Опции → (Левая боковая панель): Текстовый редактор /CSS (или любой другой язык, который вы хотите изменить)

Для языка CSS параметры, к сожалению, очень ограничены. Вы также можете внести некоторые изменения в:.../Текстовый редактор/Все языки