20 сочетаний клавиш для ускорения работы в VS Code
Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».
Не каждый будет изучать все приемы работы в VS Code: их попросту слишком много! В этой статье я перечислил свои любимые сочетания клавиш, позволяющие мне работать быстрее. Надеюсь, они пригодятся и другим людям.
Объединить строку
Форматирование кода
Это сочетание помогает выровнять код в соответствии с заранее прописанными настройками редактора.
Обрезка множественных пробелов
Данное сочетание клавиш помогает избавиться от лишних пробелов в начале или конце строки.
Совет: применяйте в самом конце, когда завершаете работу над кодом в текущем файле.
Есть и альтернативный подход. Можно включить обрезку пробелов в самих настройках:
Также мы добавили новую команду для запуска вручную (Trim Trailing Whitespace в палитре команд).
Если вы используете более новую версию VS Code, после открытия пользовательских настроек вы увидите следующее окно (поставьте галочку, как показано):
Сворачивание блоков кода
Иногда, если размер файла велик или если вы просто хотите понять код в целом, без подробностей, вам пригодится функция сворачивания блоков кода.
Свернуть внутреннюю область возле курсора вам помогут следующие сочетания клавиш:
Чтобы развернуть, применяйте те же сочетания, но с закрывающей квадратной скобкой:
Скопировать строку сверху или снизу
Назначенные сочетания можно посмотреть и отредактировать, пройдя по пути File > Preferences > Keyboard Shortcuts.
Разбить окно редактора по вертикали
Чтобы разбить окно редактора, можно воспользоваться командой split editor. Оригинальное сочетание клавиш для разделения окна — 123. Функция разделения полезна для параллельного редактирования файлов.
Назначенные сочетания также можно отредактировать, выбрав новые по своему вкусу (File > Preferences > Keyboard Shortcuts).
Окно редактора в виде сетки
По умолчанию группы редактора располагаются в вертикальных столбцах (например, когда вы разбиваете окно, чтобы открыть параллельно два файла). Но вы можете с легкостью расположить группы так, как вам больше нравится (хоть вертикально, хоть горизонтально).
Для поддержки гибких макетов можно создать пустые группы редактора. По умолчанию закрытие последнего редактора группы закрывает и саму группу, но это поведение можно изменить, добавив в настройках workbench.editor.closeEmptyGroups: false.
В меню View > Editor Layout можно посмотреть набор готовых вариантов разделения окна.
Выделить слово
Если нажать command + d больше одного раза, к выделению добавится еще одно вхождение того же слова далее по тексту.
Открыть или закрыть боковую панель
Иногда очень пригождается возможность закрыть боковую панель, например, если у файла слишком большая ширина или если хотите разбить окно и открыть одновременно два файла.
Переход к указанной строке
Примечание: чтобы перейти к нужной строке в файле, используйте сочетание клавиш ctrl + g, после которого введите номер строки. Или же сначала откройте меню файла при помощи command + p, затем введите двоеточие и номер нужной строки.
Переход к символу в файле
Символы можно группировать, добавив двоеточие:
Переход к символу в рабочем окружении
Удаление предыдущего слова
Полезно в ситуациях, если набрали лишнее, а жать несколько раз backspace не любите.
Выделение целых слов
Очень полезно для более быстрого выделения и редактирования.
Дублирование строки
Дублирование строк это очень полезный и хорошо известный функционал.
Удаление строки
Добавление курсора сверху / снизу
Функция дублирования курсоров в VS Code, пожалуй, сэкономит вам больше всего времени.
Переименование символа
Выделите нужный символ, а затем нажмите f2. Также можно использовать контекстное меню.
Выделение столбца
При помощи этих сочетаний клавиш и движения мыши можно выделять блоки текста. В конце каждой выделенной строки будет добавлен курсор.
Палитра команд
При помощи этих сочетаний клавиш можно получить доступ ко всем доступным в вашем контексте командам. Вот самые используемые из них:
1. Открыть файл
Чтобы перейти к определенному файлу, введите сочетание клавиш для открытия палитры команд, а затем начните вводить название искомого файла. Это позволит быстро найти нужный файл.
2. Посмотреть сочетание клавиш для команды
Все команды в палитре команд приводятся с назначенными им сочетаниями клавиш (если такие назначения есть). Поэтому, забыв нужное сочетание, можно подсмотреть его в палитре.
Полезных сочетаний клавиш в VS Code очень много. При желании можно ознакомиться с ними подробнее:
10 горячих клавиш VS Code, которые ускорят вашу работу
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью чуть упростить себе жизнь в Visual Studio Code.
Быстро добавить комментарий
Обычно чтобы добавить комментарий, нужно перейти в начало строки и дописать туда два слеша. Это медленно. Быстрее нажать в любом месте строки Ctrl + /, и строка закомментируется, если она ещё не. А если уже да, то комментарий исчезнет.
Перейти к строке под номером
Иногда отладчики внезапно сообщают, что на строке 953 случилась непоправимая инфернальная ошибка вселенной. Чтобы не выискивать вручную, не листать и не тратить на это время, нажмите Ctrl + G, введите номер строки и спокойно спасайте вселенную.
Поменять строку местами с соседними
Случается такое, что ваш алгоритм — не алгоритм. Всё пошло не так, а вместо числа 42 вывелось сообщение «Данные удалены». Кому-то для этого нужно переписать весь код, но иногда бывает достаточно поменять строки местами и всё заработает.
Alt и стрелки меняют текущую строку местами с соседними.
Дублировать строку
Windows — Shift + Alt + ↓ / ↑
Это для тех, кто не хочет копировать и вставлять несколько раз одно и то же.
Перейти к парной скобке
Windows — Ctrl + Shift + \
Когда кода становится много, очень просто запутаться в закрывающих и открывающих скобках, непонятно, где какой блок, и вообще, что происходит. На помощь приходит Ctrl+Shift+\ — это хорошее дополнение к стандартной подсветке парных скобок в VS Code.
Переименовать переменную
Отформатировать документ
Windows — Shift + Alt + F
VS Code предложить установить расширение или выбрать из существующих, а потом красиво отформатирует документ — расставит по местам блоки, скобки, и сделает строки кода читаемыми.
Перейти к объявлению переменной
Иногда вообще непонятно, откуда взялась переменная, какая у неё область видимости, и где она объявлена. F12 перенесёт нас к объявлению выделенной переменной, функции или метода. Если объявление в другом файле — всё равно перенесёт.
Включить/выключить перенос слов
Вкусовщина. Если строки кода или текст не вмещается в редактор по ширине, включите перенос.
Включить дзен-режим
Windows — Ctrl + K Z
Лучшее решение для тех, кто входит состояние потока, когда пишет код. Дзен-режим скрывает все панели, разворачивает редактор на весь экран, и вы можете плыть в волнах кода и думать только о нём. Чтобы вернуться обратно в реальный мир, нажмите Escape.
На интерактивных курсах все клавиши станут горячими
Потому что оторваться вообще не получается. 11 глав бесплатно, и −30% на подписку в первую неделю обучения.
Нажатие на кнопку — согласие на обработку персональных данных
Хоткеи для VS Code: гифки с демонстрацией и шпаргалка
Хоткеи для VS Code: гифки с демонстрацией и шпаргалка
Любую команду в Visual Studio Code можно выполнить через командную строку (Ctrl + Shift + P), но сочетания клавиш помогают сильно экономить время. Достаточно только привыкнуть их использовать.
Для вашего удобства в конце статьи есть шпаргалка со всеми хоткеями.
Прим. пер. Во всех сочетаниях используется английская раскладка.
Время от времени заходить в настройки всё же приходится. Этот хоткей ускоряет процесс.
Показать список горячих клавиш: Ctrl + K Ctrl + S
Переключиться между средами разработки: Ctrl + R
Этот хоткей открывает список ваших недавних рабочих пространств. Это быстрый способ переключаться между папками и проектами. Обратите внимание, что при переходе сессия терминала закроется (если она была активна).
Глобальный перенос по словам: Alt + Z
Простой и удобный способ сразу увидеть все длинные строки без горизонтальной прокрутки.
Перейти на строку: Ctrl + G
Иногда нужно быстро и часто перескакивать на разные строки в объёмных файлах, а скроллить весь документ неудобно. Этот хоткей как раз для таких целей.
Перейти к файлу: Ctrl + P
Самый быстрый способ переключения между файлами (особенно если они ещё не открыты).
Перейти к следующей ошибке или предупреждению: F8
Отладка одной клавишей во плоти. Ещё можно переходить на предыдущую ошибку или предупреждение, используя Shift + F8.
Переключиться между вкладками: Ctrl + Tab
Быстрый способ переключения между уже открытыми файлами.
Поместить курсор в конец каждой выделенной строки: Shift + Alt + I
Эта возможность удобна для тех случаев, когда нужно выполнить идентичные операции в последовательных строках.
Выделить текущую строку: Ctrl + L
Хоткей используется для быстрого выделения всей строки, на которой установлен курсор.
Выделить все вхождения текущего выделения: Ctrl + Shift + L
Хоткей сэкономит время, потому что теперь не нужно использовать Ctrl + D во всём файле.
Выделить все вхождения текущего слова: Ctrl + F2
Теперь вам не нужно даже выделять конкретное слово — просто поместите на него курсор, нажмите хоткей и одновременно правьте все его вхождения.
Подсказки по параметрам: Ctrl + Shift + Space
Если вы вдруг забыли порядок параметров, а прерываться на документацию нет желания.
Форматировать документ: Shift + Alt + F
Специально для тех, кому лень постоянно придерживаться правил форматирования.
Форматировать выделенную область: Ctrl + K Ctrl + F
Такой же, как и предыдущий хоткей, но форматируется не весь документ, а только выделенная область.
Перейти к определению: F12
Быстрый способ перейти к определению функции или переменной.
Показать определение: Alt + F12
Сочетание клавиш похоже на прошлое, но в этом случае курсор никуда не перемещается.
Переименовать переменную: F2
Незаменимый хоткей для рефакторинга кода.
Обрезать пробелы в конце: Ctrl + K Ctrl + X
Чтобы вручную не удалять лишние пробелы в конце строки. Работает при выделении нескольких строк.
Отобразить открытый файл в проводнике: Ctrl + K R
Если вам нужно что-либо сделать с открытым файлом, поиск которого может занять много времени.
Замена в файлах: Ctrl + Shift + H
Если одного файла вам не достаточно.
Превью Markdown-файла: Ctrl + K V
Открыть предпросмотр Markdown-файла.
Включить Zen Mode: Ctrl + K Z
Не позволяйте навязчивым интерфейсам отвлекать вас от программирования. Хоткей поможет сконцентрироваться на коде.
Шпаргалка
Хинт для программистов: если зарегистрируетесь на соревнования Huawei Cup, то бесплатно получите доступ к онлайн-школе для участников. Можно прокачаться по разным навыкам и выиграть призы в самом соревновании.
Перейти к регистрации
Как форматировать код в Visual Studio Code (VSCode)
что эквивалентно Ctrl + K + F и Ctrl + K + D в Windows в Visual Studio для форматирования или» украшения » кода в редакторе кода Visual Studio?
30 ответов:
форматирование кода доступно в VS Code с помощью следующих ярлыков:
кроме того, вы можете найти ярлык, а также другие ярлыки, через поиск функциональность, предоставляемая в редакторе с Ctrl + Shift + P (или команда + Shift + P на Mac), а затем поиск документ в формате.
Контекстное Форматирование Кода:
вы также можете настроить этот ярлык через настройки, если это необходимо.
Форматирование Кода В То Время Как Сохранение файла:
Visual Studio code позволяет пользователю настраивать параметры по умолчанию.
Если вы хотите автоматически форматировать содержимое при сохранении, добавьте этот фрагмент кода ниже в настройках рабочего пространства visual studio code.
Примечание: теперь вы можете автоматически форматировать файлы typescript проверить мое обновление
или Visual Studio как:
правильная комбинация клавиш shift + alt + f
также обратите внимание, что на сегодняшний день форматирование доступно для этих языков:
VS Code 1.6.1 поддерживает «Формат При Сохранении » который будет автоматически подбирать соответствующие установленные расширения форматирования и форматировать весь документ на каждом сохранении.
включить «формат при сохранении», установив
и есть доступные сочетания клавиш (VS Code 1.7 и выше):
форматировать весь документ: Shift + Alt + F
только выбор формата: Ctrl K + Ctrl F
для других языков может потребоваться установить определенный языковой пакет.
на ubuntu это Ctrl + Shift + Я
Как вы форматируете код в Visual Studio Code (VSCode)
Что эквивалентно Ctrl + K + F и Ctrl + K + D в Windows в Visual Studio для форматирования или «украшения» кода в редакторе кода Visual Studio?
28 ответов
Форматирование кода доступно в Visual Studio Code с помощью следующих ярлыков:
Для несохраненных фрагментов
Открыть палитру команд (Win: F1 или Ctrl + Shift + P)
Найдите «Изменить языковую модель»
Неформатировать
‘ Покажи картинки ‘
Включает автоматическое форматирование кода при сохранении файла.
ext установить формат при сохранении
Код Visual Studio в Linux:
Ctrl + ] для массового отступа
Не этот. Использовать этот:
См. Этот снимок экрана:
Это позволит украсить сохранение для TypeScript, и вы можете добавить XML в опцию HTML.
Сначала необходимо установить соответствующий плагин (например, XML, C # и т. Д.).
Форматирование не станет доступным, пока вы не установите соответствующий плагин и не сохраните файл с соответствующим расширением.
Просто установите Visual Studio Keymap (Visual Studio Keymap для Visual Studio Code) от Microsoft. Задача решена. :п
Выделите текст, щелкните выделение правой кнопкой мыши и выберите параметр «палитра команд»:
Откроется новое окно. Найдите «формат» и выберите вариант с форматированием в соответствии с требованиями.
По умолчанию этот ключ не работал у меня с документами HTML, CSS и JavaScript.
Хотя для изменения поведения по умолчанию для Visual Studio Code требуется расширение, вы можете переопределить поведение по умолчанию в рабочей области или на уровне пользователя. Он работает для большинства поддерживаемых языков (я могу гарантировать HTML, JavaScript и C #).
Уровень рабочего пространства
Преимущества
Результаты
Перейдите в: Меню Файл → Настройки → Настройки рабочего пространства
Уровень пользовательской среды
Преимущества
Результаты
Перейдите в: меню Файл → Настройки → Настройки пользователя
Добавьте или измените значение «editor.formatOnType»: false на «editor.formatOnType»: true в пользовательском settings.json
Местоположение вашего пользователя Visual Studio Code settings.json :
Расположение файлов настроек в зависимости от вашей платформы, файл пользовательских настроек находится здесь:
Более подробную информацию можно найти здесь.
Самый простой способ, который я использую в Visual Studio Code (Ubuntu):
Выделите текст, который вы хотите отформатировать, с помощью мыши.
Ярлык формата в C # не работал у меня, пока я не установил Mono для Mac OS X, DNVM и DNX.
Вы всегда можете проверить привязки клавиш в меню:
Меню Файл → Настройки → Сочетания клавиш и фильтрация по ключевому слову «формат».
В Visual Studio Code, Shift + Alt + F делает то, что Ctrl + K + D выполняется в Visual Studio.
Код форматирования в Visual Studio.
Я пробовал форматировать в Windows 8.
Просто следите за скриншотами ниже.
Нажмите «Просмотр» в верхней строке меню, а затем нажмите «Палитра команд».
Затем появится текстовое поле, где нам нужно ввести Format
Shift + Alt + F отлично справляется со своей задачей в 1.17.2 и выше.
По какой-то причине Alt + Shift + F не работал у меня на Mac Visual Studio Code 1.3.1, и на самом деле команда «Форматировать Документ «вообще не работал. Но команда Formatter работала очень хорошо.
Просто щелкните текст правой кнопкой мыши и выберите «Форматировать код».
Visual Studio Code использует js-beautify внутри, но не имеет возможности изменять стиль, который вы хотите использовать. Расширение «beautify» позволяет добавлять настройки.
Меню Файл → Настройки → Настройки
Когда вы вводите точку с запятой, она будет отформатирована.
Моя читала «key»: «ctrl+shift+i»
Вы можете добавить привязку клавиш в «Настройки-> Сочетания клавиш»
Или Visual Studio, например:
Обратите внимание: клавиша cmd предназначена только для Mac. Для Windows и Fedora (клавиатура Windows) используйте Ctrl
ИЗМЕНИТЬ :
Введите editor.action.format в поле поиска, чтобы просмотреть существующие ярлыки.
Чтобы изменить комбинации клавиш, выполните следующие действия:
Для других языков вам может потребоваться установить определенный языковой пакет.
Код Visual Studio 1.6.1 поддерживает « Формат при сохранении », который автоматически выбирает соответствующие установленные расширения средства форматирования и форматирует весь документ при каждом сохранении.
Включите «Форматировать при сохранении», установив
И есть доступные сочетания клавиш (Visual Studio Code 1.7 и выше):
Форматировать весь документ : Shift + Alt + F
Вы можете добавить привязку клавиш в меню Файл → Настройки → Клавиатура горячих клавиш.
Ярлык форматирования кода:
При необходимости вы также можете настроить этот ярлык, используя настройку предпочтений.
Форматирование кода при сохранении файла:
Visual Studio Code позволяет пользователю настраивать параметры по умолчанию.
Если вы хотите автоматически форматировать контент при сохранении, добавьте приведенный ниже фрагмент кода в настройки рабочего пространства Visual Studio Code.
Меню Файл → Настройки → Настройки рабочего пространства
Примечание: теперь вы можете автоматически форматировать файлы TypeScript. Проверьте мое обновление.