Шпаргалка по VSCode
Шпаргалка Visual Studio Code уже здесь
Наиболее часто используемые команды в Visual Studio Code
См. раздел о воспроизводимых средах разработки: Освоение Dev Containers в VS Code.
Шпаргалка по Visual Studio Code
Основные сочетания клавиш (Windows / Mac)
| Действие | Windows / Linux | macOS |
|---|---|---|
| Палитра команд | Ctrl+Shift+P | Cmd+Shift+P |
| Быстрое открытие (файл) | Ctrl+P | Cmd+P |
| Показать/скрыть терминал | Ctrl+` | Ctrl+` |
| Показать/скрыть боковую панель | Ctrl+B | Cmd+B |
| Параметры | Ctrl+, | Cmd+, |
| Открыть сочетания клавиш | Ctrl+K Ctrl+S | Cmd+K Cmd+S |
| Показать все символы | Ctrl+T | Cmd+T |
| Перейти к строке | Ctrl+G | Ctrl+G |
| Найти | Ctrl+F | Cmd+F |
| Заменить | Ctrl+H | Cmd+Option+F |
| Мультикурсор (добавить следующий) | Ctrl+D | Cmd+D |
| Мультикурсор (добавить сверху/снизу) | Ctrl+Alt+Вверх/Вниз | Option+Cmd+Вверх/Вниз |
| Переместить строку вверх/вниз | Alt+Вверх/Вниз | Option+Вверх/Вниз |
| Дублировать строку вверх/вниз | Shift+Alt+Вверх/Вниз | Shift+Option+Вверх/Вниз |
| Вырезать строку | Ctrl+X | Cmd+X |
| Копировать строку | Ctrl+C | Cmd+C |
| Удалить строку | Ctrl+Shift+K | Cmd+Shift+K |
| Закомментировать строку | Ctrl+/ | Cmd+/ |
| Форматировать документ | Shift+Alt+F | Shift+Option+F |
| Сохранить | Ctrl+S | Cmd+S |
| Закрыть редактор | Ctrl+W | Cmd+W |
| Разделить редактор | Ctrl+\ | Cmd+\ |
Навигация
- Перейти к определению: F12
- Посмотреть определение: Alt+F12
- Перейти к ссылкам: Shift+F12
- Назад/Вперёд: Alt+Влево/Вправо (Windows), Ctrl+–/Ctrl+Shift+– (Mac)
Редактирование
- Дублировать строку: Shift+Alt+Вниз (Windows), Shift+Option+Вниз (Mac)
- Переместить строку вверх/вниз: Alt+Вверх/Вниз (Windows), Option+Вверх/Вниз (Mac)
- Выбрать все вхождения: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
- Отменить/Вернуть: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)
Интегрированный терминал
- Новый терминал: Ctrl+Shift+` (Windows/Mac)
- Показать/скрыть терминал: Ctrl+` (Windows/Mac)
- Закрыть терминал: Ctrl+Shift+W
Контроль исходного кода (Git)
- Открыть контроль исходного кода: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
- Закоммитить: Ctrl+Enter (в поле сообщения коммита)
Использование из командной строки
# Открыть VS Code в текущем каталоге
code .
# Открыть конкретный файл в указанной строке и колонке
code myfile.js:10:5
# Открыть сравнение между двумя файлами
code --diff file1.js file2.js
# Открыть новое окно VS Code
code -n
# Отключить все расширения
code --disable-extensions .
Настраивание
- Сменить тему: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
- Открыть сочетания клавиш: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
- Установить расширения: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)
Сниппеты
- Создавать пользовательские сниппеты кода через
Preferences: Configure User Snippets.
Советы
- Используйте палитру команд (Ctrl+Shift+P / Cmd+Shift+P) для выполнения практически любой команды или настройки.
- Папка
.vscodeв вашем проекте позволяет настраивать параметры и задачи, специфичные для рабочей области. - Вы можете установить расширения с картой клавиш, чтобы использовать сочетания клавиш из других редакторов (Vim, Sublime и т. д.).
Более полный список доступен в официальном [PDF-файле с сочетаниями клавиш] или в справке по сочетаниям клавиш в редакторе (Ctrl+K Ctrl+S).
Как установить расширение VS Code из палитры команд
Вы можете установить расширение Visual Studio Code из палитры команд:
- Откройте палитру команд, нажав Ctrl+Shift+P (Windows/Linux) или Cmd+Shift+P (macOS).
- Введите
Extensions: Install Extensionsи выберите его из списка. Это откроет представление расширений, где вы можете найти и установить нужное расширение.
Этот метод позволяет быстро устанавливать расширения, не отрываясь от клавиатуры и не проходя по меню.
В списке маркетплейса также есть команда для установки в одну строку. Откройте быстрое открытие (Ctrl+P, на macOS — Cmd+P), вставьте ext install <publisher.extension-id> и нажмите Enter. Для vscode-icons эта команда будет выглядеть так: ext install vscode-icons-team.vscode-icons.
Из терминала то же расширение устанавливается командой code --install-extension vscode-icons-team.vscode-icons.
О том, какие расширения устанавливаются чаще всего для каждого языка, см. Популярность языков программирования и фреймворков.
Другой список сочетаний клавиш редактора
Ctrl+T (macOS: Cmd+T) - Показать символы рабочей области
Ctrl+Shift+O (macOS: Cmd+Shift+O) - Показать символы документа
Ctrl+Shift+P (macOS: Cmd+Shift+P) - Открыть палитру команд
Ctrl+Space - Открыть автодополнение кода
Ctrl+. (macOS: Cmd+.) - Открыть быстрые исправления
F2 - Переименовать символ
Shift+Alt+F (macOS: Shift+Option+F) - Форматировать документ
F12 - Перейти к определению
Shift+F12 - Найти ссылки
Alt+Shift+O - Организовать директивы
F4 - Показать иерархия типов
Другой список сочетаний клавиш отладки
Ctrl+Alt+D - Запустить Dart DevTools
F5 - Начать отладку
Ctrl+F5 - Запустить без отладки
Shift+F5 - Остановить отладку
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Перезапустить отладку (или горячую перезагрузку при отладке Flutter-приложений)
Ctrl+F5 - Горячая перезагрузка при отладке Flutter-приложений
F9 - Переключить точку останова
F10 - Шаг с обходом
F11 - Шаг внутрь
Shift+F11 - Шаг наружу
