Я хотел бы знать, есть ли способ активировать автоматический отступ файла CSS в коде Visual Studio с помощью ярлыка ALT+ SHIFT+ F?
Он отлично работает с JavaScript, но, как ни странно, не с CSS.
Код Visual Studio Отступы и форматирование CSS
Ответы:
Да, попробуйте установить расширение vscode-css-formatter .
Он просто добавляет функции для форматирования .cssфайлов, а ярлык остается прежним Alt+ Shift+ F.
Этот отлично справляется со своей задачей. Я попробовал другой, предложенный мопедом, но каждый раз, когда я сохранял файл, мне приходилось сохранять дважды ..
—
A. DC
Как использовать это расширение в Windows? alt + shift + f не работает, и при щелчке правой кнопкой мыши нет опции «Форматировать код».
—
kyw
Вы перезапускали vs-code после установки расширения? Кроме того, в каких файлах вы пытаетесь выполнить эту команду?
—
NValchev
У меня не сработало.
—
Лев,
Alt+Shift+Fвсе еще дает: Извините, но форматировщик для css-файлов не установлен. после перезагрузки. Украсить css / sass / scss / less работал.
Отлично работает на Mac (Cmd + K, Cmd + F) и не влияет на форматирование файлов других типов с помощью того же сочетания клавиш. Спасибо
—
mojave
Украсить css / sass / scss / less
запустить это
войти alt+shift+f
или
нажмите F1или ctrl+shift+p
и затем введите украсить ..
еще один - JS-CSS-HTML Formatter
Я думаю, что оба этого расширения используют js-beautify внутри
alt + shift + f ничего не сделал, но набирал beautify ... работал.
—
rtaft
Другой способ использовать JS-CSS-HTML Formatter -> открыть Контекстное меню и выбрать Код формата
—
Чанака Фернандо
Потратил час на поиск лучшего варианта.
Просто сложите их, чтобы было легко прочитать и выбрать один из них.
Ноты:
- CSS и SASS / SCSS / LESS связаны между собой
- HTML, Javascript, Typescript, JSON - код VS уже форматируется
- CSS и связанные с ним - код VS не форматируется на сегодняшний день
Параметры:
- Чтобы отформатировать css / sass / scss / less:
- Красивее
- Поддерживаются все связанные css, а не другие, я выбираю это, он отлично работает.
- Красивее
- Чтобы отформатировать JavaScript / TypeScript / CSS:
- Украсить css / sass / scss / less
- но уже JS, TS поддерживаются кодом VS
- Украсить css / sass / scss / less
- Для форматирования файла JS, CSS, HTML, JSON (обертывание js-beautify)
- Программа форматирования JS-CSS-HTML
- но уже JS, HTML, JSON поддерживаются кодом VS
- Программа форматирования JS-CSS-HTML
- Чтобы отформатировать CSS
- Средство форматирования CSS
- но поддерживается только CSS, не все связанное - не поддерживается 6+ месяцев
- Средство форматирования CSS
Для форматирования:
После установки Prettier нажмите Alt+ Shift+ Fв VS Code.
Красивее перечисляет scss, но не sass. Beautify утверждает, что поддерживает Sass, но по моему опыту разбивает все в одну строку. (явно говорит Sass, а не Scss)
—
Фрэнк Нок,
После открытия локального bootstrap.min.css в коде Visual Studio он выглядел без отступов. Пробовал команду ALT + Shift + F но тщетно.
Затем установил
Расширение CSS Formatter .
Reloaded это и ALT + Shift + F придал моему CSS-файлу очарование.
Бинго !!!
В галерее есть несколько на выбор, но я использую тот, который предлагает значительный уровень настраиваемости, но при этом остается ненавязчивым для остальных настроек, - это Beautify от Michele Melluso . Он работает как с CSS, так и с SCSS и позволяет делать отступ в 3 пробела, оставляя остальной код на 2 пробела, что хорошо.
Вы можете взять его с GitHub и адаптировать самостоятельно, если захотите.
Я рекомендую использовать Prettier, так как он очень расширяемый, но при этом отлично работает сразу после установки:
1. CMD + Shift + P -> Format Documentили
1. Select the text you want to Prettify
2. CMD + Shift + P -> Format SelectionПерейдите в меню «Файлы» -> «Настройки» -> «Расширения». Затем введите CSS Formatter, дождитесь его загрузки и нажмите «Установить».
Установите расширение HookyQR.beautify. Это украсит ваш javascript, JSON, CSS, Sass и HTML в Visual Studio Code. Это наиболее часто используемые расширения для этой цели.
Чтобы отформатировать код в Visual Studio, когда хотите, нажмите: (Ctrl + K) & (Ctrl + F)
Правила автоматического форматирования можно найти и изменить в: Инструменты / Параметры -> (Левая боковая панель): Текстовый редактор / CSS (или любой другой язык, который вы хотите изменить).
К сожалению, для языка CSS возможности очень ограничены. Вы также можете внести некоторые изменения в: ... / Текстовый редактор / Все языки
Вопрос для Visual Studio Code (VSCode), а не для Visual Studio
—
Пьер