Горячие клавиши Visual Studio Code
В таблице перечислены горячие клавиши по умолчанию, клавиши расширений , и перенастроенные мной .
Мое избранное
LivePreview
Для работы LivePreview должен быть установлен NodeJS.
1. В Visual Studio Code открываем встроенный терминал (Ctrl + ` или Ctrl + J)
2. Ввести: live-server
Страница откроется в браузере по умолчанию. Подробнее тут.
Расширения
Синхронизация настроек Visual Studio Code с Gist
1. Установить расширение: Settings Sync
2. Сгенерировать токен на GitHub по инструкции из расширения
3. В Visual Studio Code нажать Shift + Alt + U и ввести токен
4. Если был введен неверный токен, то можно сбросить настройки, и повторить ввод: F1 —> Sync —> Sync: Reset Extension Settings
5. После ввода токена будет показан Gist ID, который нужно скопировать и сохранить для настройки загрузки на других машинах
6. Скорректировать настрйки расширения в соответствии с теми, что ниже. Для вызова настроек: Ctrl + K Ctrl + S
7. Для вызова настроек Settings Sync использовать сочетание клавиш: F1 —> Sync
Горячие клавиши – Visual Studio Code
Добрый вечер, дорогие друзья. Не так давно я перешел с горяче любимого мне текстового редактора – Sublime Text 3 на новый софт. Думаю, что в скором времени, сделаю целый цикл постов по поводу нового редактора кода.
Мой выбор пал, на уже широко известный редактор кода – Visual Studio Code.
В этом посте хочу зафиксировать для себя (и вас) горячие клавиши. Таким образом эта инфа будет под рукой и не потеряется на компе или в закладках.
Итак представляю вашему вниманию переведенный и сгруппированный вариант горячих клавиш, для редактора кода – Visual Studio Code.
Перевод делался с использованием гугл-транслейтера, если по какому-то пункту у вас появятся вопросы, прошу писать их в комментариях к посту
Все сочетания горячих клавиш для редактора Visual Studio Code сгруппированы по функциональному признаку и изложены в виде таблиц.
Сделаем это по-быстрому: 20 полезных сочетаний клавиш для VS Code
VS Code — один из самых популярных редакторов кода среди разработчиков, который обладает некоторыми удивительными возможностями. К таким относятся хоткеи — сочетания клавиш для моментального выполнения определенных действий. О 20 наиболее полезных , которые помогут вам сэкономить массу времени, читайте далее.
Собираем на дрон для штурмовиков Николаевской области. Он поможет найти и уничтожить врага
1. Открыть и закрыть боковую панель
Боковую панель в VS Code можно открывать и закрывать без нажатия клавишей мыши на левую боковую вкладку с помощью следующих хоткеев:
Особенно полезно при нахождении в режиме разделенного редактора.
2. Выбрать слово
Используется, чтобы выбрать слово, на котором в данный момент стоит курсор.
- Mac — CMD + D
- Windows — Ctrl + D
При повторном нажатии сочетания клавиш к выделению добавится еще одно вхождение того же слова далее по тексту.
3. Разбить окно по вертикали
Полезно, если нужно сравнить несколько файлов.
- Mac — CMD + \ или 2,3,4
- Windows — Shift + Alt + \ или 2,3,4
4. Свернуть блоки кода
Если файл слишком длинный, может понадобиться свернуть или развернуть блоки кода. Вот как это сделать:
- свернуть самую внутреннюю несвернутую область под курсором:
- Mac — CMD + Option + [
- Windows/Ubuntu — Ctrl + Shift + [
- Mac — CMD + Option + ]
- Windows/Ubuntu — Ctrl + Shift + ]
5. Скопировать строку сверху или снизу
Если нужно скопировать текущую строку в строку выше или ниже, нажмите:
- Mac — Shift + Option + Up/Down
6. Форматирование кода
Позволяет выровнять код в соответствии с заранее прописанными настройками редактора. Вот как это сделать.
- Mac — Shift + Option + F
7. Обрезать множественные конечные пробелы
Позволяет избавиться от пробелов в начале или конце строки.
Для автоматической обрезки пробелов, можно изменить свойства VS Code. Для этого:
Пройдите в P references > Settings > User Setting Tab и добавьте новый параметр “files.trimTrailingWhitespace : true” в документы User Settings. После сохранения файла пробелы будут удаляться автоматически.
8. Объединить строку
Позволяет объединить выделенные строки в одну линию.
- Mac — Ctrl + J
- Ubuntu/Windows — откройте существующие сочетания клавиш: File > Preferences > Keyboard shortcuts и назначьте удобное сочетание клавиш для editor.action.joinLines .
9. Быстрое открытие файла
- Mac — CMD + P
- Windows/Ubuntu — Ctrl + P
10. Палитра команд
Открывает доступ ко всем доступным командам.
- Mac — CMD + Shift + P
- Windows/Ubuntu — Ctrl + Shift + P
11. Переключить терминал
Обычно при разработке веб-приложения используется несколько терминалов, чтобы переключаться между ними, выполните следующие действия:
- Mac — CMD + ‘
- Windows/Ubuntu — Ctrl + ‘
12. Переключить вкладки
Позволяет переключать между разделами, которые вы разделили.
- Mac — CMD + 1, CMD + 2, CMD + 3
- Windows/Ubuntu — Ctrl + 1, Ctrl + 2, Ctrl + 3
13. Перейти на строку
С помощью этого сочетания клавиш можно перейти на строку, на которой стоит курсор.
- Mac — CMD + L
- Windows/Ubuntu — Ctrl + L
14. Удалить строку
Чтобы удалить строку, нажмите следующее сочетание клавиш:
- Mac — CMD + Shift + K
- Windows/Ubuntu — Ctrl + Shift + K
15. Переместить строку
Для перемещения строки в VS Code используются следующие хоткеи:
- Mac — Option + Up/Down arrow
- Windows/Ubuntu — Alt + Up/Down arrow
16. Найти слово/фразу
Чтобы найти в текущем файле нажмите:
- Mac — CMD + F
- Windows/Ubuntu — Ctrl + F
Чтобы искать по проекту:
- Mac — CMD + Shift + F
- Windows/Ubuntu — Ctrl + Shift + F
17. Показать определение
Функция Peel Definition позволяет просматривать и редактировать исходный код нужного символа.
- Mac — Option + F12
- Windows/Ubuntu — Alt + F12
18. Переименовать переменную
Позволяет переименовать переменную. Очень полезный хоткей для рефакторинга.
- Mac/Windows/Ubuntu — F2
19. Выбор нескольких курсоров
VS Code поддерживает функцию нескольких курсоров для быстрого одновременного редактирования. Чтобы их добавить нажмите:
- Mac — Option + Клик левой кнопкой мыши
- Windows/Ubuntu — Alt + Клик левой кнопкой мыши
20. Дублировать строку
В VS Code дублирование строки выполняется с помощью следующих сочетаний клавиш: