Софт

Использование аббревиатур для длинных CSS свойств в VS Code

Использование аббревиатур для длинных CSS свойств в VS Code
Вы можете использовать сокращения для длинных CSS-свойств, и они автоматически расширяются до полной формы. Это встроенная функция в VS Code, и вам не нужно устанавливать какое-либо расширение для этого.

По сути, это часть Emmet, который является плагином для многих популярных текстовых редакторов, значительно улучшающим рабочий процесс HTML и CSS.

Например, если вы напечатаете df и нажмете Tab, он расширится до display: flex;.

Аналогично, если вы напечатаете aic и нажмете Tab, он расширится до align-items: center;.

Это работает для многих свойств CSS. Просто нужно быть немного более конкретным, если вы не получите желаемого результата.

Вот видео, где это показано в действии.

По-моему, это очень удобно, так как экономит много нажатий клавиш и времени.

Читайте также