it-roy-ru.com

Визуальный код студии CSS отступы и форматирование

Я хотел бы знать, есть ли способ активировать автоматический отступ файла CSS в Visual Studio код с помощью ярлыка ALT+SHIFT+F?

Он отлично работает с JavaScript, но, как ни странно, не с CSS.

82
A. DC

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

78
NValchev

Украсить CSS/SASS/SCSS/меньше

запустить это 

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

или же

нажмите F1 или ctrl+shift+p и затем введите beautify ..

 enter image description here


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

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

35
bhv

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

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

Заметки:

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

Опции:

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

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

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

6
Manohar Reddy Poreddy

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

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

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

Перезагружал его и ALT + Shift + F пометил мой CSS-файл шармом.

Бинго !!!

4
Shahbaaz Khan

В галерее есть несколько вариантов, но я использую тот, который предлагает значительный уровень конфигурируемости, оставаясь незаметным для остальных настроек, - Beautify by Michele Melluso . Он работает как на CSS, так и на SCSS и позволяет делать отступы в 3 пробела, оставляя остальную часть кода в 2 пробелах, что приятно.

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

3
Konrad Viltersten

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

0
William Dekou

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

1. CMD + Shift + P -> Format Document

или же

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

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

0
lilhamad