Содержание:
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)
Жмем. И заходим вот в такой файл (Также можно вызвать этот файл хоткеем Shift + Cmd + T)
Перед последней фигурной скобкой добавляем
Получаем вот такой файл:
Сохраняем Cmd+S
Теперь Emmet работает.
2. Быстрый набор (некоторые фишки)
2.1. HTML & JSX (базовый синтаксис)
.proba
!
nav>ul>li
div+p+bq
div>p>span+em^bq
div>(header>ul>li)+footer>p
ul>li*3
ul>li.item_$*3
p.proba{пробный тест}
2.2. HTML & JSX (сокращения)
a
img
form:get
inp
select
btn:s
btn:b
2.3. CSS
3. Горячие клавиши в VS Code
3.1. Общие команды
CTRL + ` - открыть терминал
Opt + Z - перенос текста
Cmd + B - просмотр боковой панели
Cmd + F - найти
Opt + Cmd + F - заменить
Cmd + P - поиск файлов
3.2. Базовое редактирование
Shift + Tab - убрать табуляцию на один шаг влево
Cmd + / - закомментировать или раскомментировать строку.
Cmd + X - удалить строку целиком
Opt + Del - удалить слово перед курсором
Cmd + Del - удалить весь код перед курсором
Cmd + ENTER - Вставьте новую строку под текущей (курсор может быть в любом месте строки)
Cmd + Shift + Enter - Вставьте новую строку над текущей
Opt + ВВЕРХ / ВНИЗ - Перемещение строки или блока кода вверх или вниз
Opt + Shift + ВВЕРХ / ВНИЗ - Скопируйте и вставьте строку кода
Cmd + Shift + ВВЕРХ / ВНИЗ - выделить весь код выше / ниже курсора
Fn + F2 - переименовать переменную (переименовываются все переменные с таким названием только внутри блока, не внутри всего открытого файла).
3.3. Управление несколькими курсорами и выделение
Opt + Click - добавить курсор
Cmd + D - выбрать следующий экземпляр слова - становится два курсора (регистрозависимость отсутствует)
Cmd + Shift + L - выбрать все экземпляры слова - курсоров становится по количеству выбранных слов (регистрозависимость отсутствует) - также можно Cmd + Fn + F2
Opt + Shift + I - поставить курсор вконец каждой строки выделенной области
