105 читали · 1 год назад
Emmet & VS Code & hotkeys
Содержание: 1. Установка Emmet 2. Быстрый набор (некоторые фишки) 2.1. HTML & JSX (базовый синтаксис) 2.2. HTML & JSX (сокращения) 2.3. CSS 3. Горячие клавиши в VS Code 3.1. Общие команды 3.2. Базовое редактирование 3.3. Управление несколькими курсорами и выделение 1. Установка Emmet У меня VS Code изначально не хотел с ним работать. Пришлось погуглить... Вызываем палитру команд: Shift + Cmd + P (или Fn + F1) Находим: Открыть пользовательские настройки (jSON) Жмем. И заходим вот в такой файл (Также...
Быстрый набор HTML-кода
Emmet Abbreviation Как я верстала раньше? — Я набирала символ за символом: <div class="content-wrapper">... ➡️ С emmet я набираю: .content-wrapper и получаю <div> с нужным классом ➡️ или набираю: ul.categories-list>li.categories-list__item*3 и получаю список с классом и тремя вложенными пунктами с классами ➡️ в стилях dn - получаю display: none; m10-20 - получаю margin: 10px 20px; Важно: после...