При этом курсор перед нажатием комбинации может находиться в любом месте строки — это неважно. Ctrl + как дублировать строку в vs code ]/[ — в первом случае комбинация увеличивает табуляцию для строки, на которой установлен курсор, а во втором, напротив, уменьшает ее. Многие разработчики, причем даже с большим опытом в программировании, до сих пор работают с файловой системой из контекстного меню «Файл».
Форматировать документ: Shift + Alt + F
Серьезные IT-компании уделяют горячим клавишам особое внимание. Еще бы, ведь 8 рабочих дней можно не потратить впустую, а направить на работу над проектом, и добиться лучших результатов в сравнении с конкурентами. Но даже если вы начинающий разработчик или программист, который работает на фрилансе, внедрение хоткеев в рабочий процесс поможет развиться как специалист. Если дзен-мод кажется вам интересным решением, но не хочется отказываться от важных для работы вкладок, используйте этот хоткей. Ctrl + K + P — скопировать путь, по которому располагается текущий файл.
– Развернуть / Свернуть текущий блок кода
Ctrl + K, Ctrl + [ – поочередное нажатие этих сочетаний позволяет свернуть все субрегионы кода. Ctrl + / – комментирование или раскомментирование строки. Интересно, что программа VS Code автоматически проставляет символ для комментария в зависимости от выбранного вами языка. Или, наоборот, показать все элементы интерфейса, если вам нужно что-то найти или изменить.
Хоткеи для VS Code: гифки с демонстрацией и шпаргалка
Распространённая причина поиска по проекту — мы встречаем некоторую сущность и хотим понять, что она из себя представляет, т.е. VSCode поддерживает не только стандартный поиск по тексту, но и более интеллектуальный поиск по символам. Ваш код анализируется и редактор пытается предположить, что конкретно вы ищете (и обычно ему это удаётся). Если вы привыкнете к такому подходу к поиску, то ваша продуктивность значительно вырастет. Рассмотрим основные случаи, когда нужен поиск, и какое решение для таких типовых кейсов предлагает нам VSCode.
- Visual Studio Code (VS Code) — это кросс-платформенный редактор кода от компании Microsoft, разработанный на базе фреймворка Electron.
- Однако он был гораздо медленнее и забагованее, чем Sublime, из-за чего на нагруженных рабочих проектах вкупе со слабым железом он стал неюзабелен.
- В этом же окне можно настроить собственные горячие клавиши или переназначить базовые.
- Комбинация спасает в ситуациях, когда кода становится так много, что разработчик начинает путаться в обилии открывающих и закрывающих скобок.
- Начинающим разработчикам и пользователям VS Code лучше не увлекаться изменением базовых параметров.
Обрезать пробелы в конце: Ctrl + K Ctrl + X
Простой и удобный способ сразу увидеть все длинные строки без горизонтальной прокрутки. Шпаргалка по горячим клавишам Visual Studio Code с демонстрацией работы. Придётся потратить немного времени, чтобы привыкнуть, но это окупится в дальнейшем. Разработан Microsoft и считается «лёгким» для кросс-платформенной разработки веб- и облачных приложений. Нужно изменить одинаковый код сразу в нескольких местах. Быстро выровнять код, чтобы он стал более читаемым, понятным, красивым и соответствовал вашему код-стайлу (например, о джавишном читайте здесь).
Чтобы раскрыть сжатые таким образом блок, достаточно нажать сочетание клавиш Ctrl + Shift + ]. Зачастую разные проекты строятся на различных стеках технологий и требуют своего подхода, а значит и своих специфичных настроек. Такие настройки прописываются внутри папки .vscode, в корневой директории вашего проекта. Эта папка создаётся автоматически, когда вы меняете что-либо на уровне проекта. По умолчанию VS Code сохраняет изменения в файле только после нажатия сочетания клавиш Ctrl + S / ⌘ + S.
Клик по имени вызывает список проектов и по нему также можно переключиться на нужный — это даже быстрее, чем через панель управления. Также есть возможность посмотреть определение, не покидая текущий файл — это так называемый “peek” функционал, который широко используется в Brackets. По умолчанию настройки приватные, но можно создать и публичную версию.
Огромная библиотека плагинов позволяет расширять функции редактора, а если не удастся найти подходящий плагин, то всегда можно написать свой. Если после выделения повторно нажать на клавишу D, не отпуская при этом Ctrl, под выделение попадет следующее идентичное значение, идущее по порядку вниз. Удобно, если нужно быстро выделить ближайшие значения переменной.
Вы можете отказаться от получения писем рассылки и удалить из базы данных свои контактные данные в любой момент, кликнув на ссылку для отписки, присутствующую в каждом письме. Alt + G + H — показать историю работы с системой управления версиями Git. Ctrl + \, E — просмотреть список со всеми ошибками, которые возникли при отладке/запуске кода. Комбинация спасает в ситуациях, когда кода становится так много, что разработчик начинает путаться в обилии открывающих и закрывающих скобок.
Это очень удобно, когда вы знаете, что вам нужно, но не помните, где это находится. Просто начните вводить то, что вы ищете, и Figma покажет вам нужный пункт меню. Если пользуетесь Spotlight или PowerToys, вам будет очень удобно. Figma — это инструмент для создания дизайна, который очень любят веб-разработчики. VS Code предложит установить расширение или выбрать из существующих, а потом красиво отформатирует документ — расставит по местам блоки и скобки, сделает строки кода читаемыми. Ctrl + K Ctrl + T — открыть окно выбора темы оформления.
Это не только поможет вам избавиться от мыши, но и сделает вашу работу более продуктивной и эффективной. Он поможет вам, когда вам нужно просмотреть трехстраничный очерк сообщения об ошибке в терминале, когда оказалось, что вы вызвали consol.log вместо console.log. Отлично работает в сочетании с «Копировать» и «Вырезать». Webpack — это сборщик модулей для JavaScript-приложений. Он позволяет разделять код на модули, которые затем могут быть импортированы и использованы в других частях приложения.
Со стандартными клавишами все понятно – нажмите комбинацию и получите результат. Иногда нажатия клавиши регистрируются после того, как вы вошли в «командный режим» (эту идею Microsoft подсмотрела у Vim), для этого нажмите Ctrl + K, и затем уже вводите команду. Если вы хотите переназначить клавиши, зайдите в соответствующий раздел в настройках и выставьте все так, как вам удобно. Ctrl + K, Ctrl + [ – поочередное нажатие этих сочетаний позволяет свернуть все субрегионы кода.
Редактор кода Visual Studio Code помогает быстрее писать код, например, он подчёркивает ошибки красным цветом и показывает подсказки. Но работу можно сделать ещё приятнее, если установить нужное расширение. Чтобы добавить комментарий, нужно перейти в начало строки и дописать туда два слеша. Быстрее нажать в любом месте строки Ctrl + /, и строка закомментируется, если она ещё не.
Как вы знаете, для добавления поясняющего комментария нужно поместить курсор в начало строки и записать туда двойной слеш. Гораздо удобнее нажать клавиши Ctrl + /, потому что это можно делать в любом месте строки – она все равно вся закомментируется. По их подсчетам, нажатие комбинации клавиш в среднем на 2 секунды быстрее, чем совершение той же команды, но из контекстного меню с помощью мыши. Если до сих пор не пользуетесь этим инструментом, в течение одного года вы совершенно бессмысленно теряете до 64 часов времени.
В вопросе пользования редакторов ранее я пользовался Sublime Text в его стандартной комплектации, т.к. Он покорил меня своими функциями редактирования с множественным курсором, которые тогда были в новинку. Однако он был гораздо медленнее и забагованее, чем Sublime, из-за чего на нагруженных рабочих проектах вкупе со слабым железом он стал неюзабелен. Так что после него я решил опробовать Atom — в принципе, приятный редактор, но пробыл на нём недолго по той же причине — он был быстрее, но всё равно периодически намертво зависал. Ну и в итоге я вернулся обратно на Sublime— он решил все вопросы со скоростью, и на этот раз я подверг его значительной кастомизации, и с десятком расширений он преобразился. Самый удобный вариант для тех, кто работает в состоянии “потока”, когда не нужно ничего лишнего – только развернутый на полный экран редактор.
Вы можете возразить, что можно скопировать строку сразу с переносом, а Ctrl + V просто зажать. Ну вообще можно, да, и это уже похоже по трудозатратам на то, что мы делаем через Alt. Просто раньше я замечал за собой именно первый вариант, так что, полагаю, что он достаточно распространён. Теперь значения идут одно за другим в одну строку через запятую. Теперь сконцентрируемся на главной функции редактора кода — непосредственно написании кода. В VSCode присутствует ряд возможностей для упрощения этого процесса.
Используйте эту опцию, если уверены в том, что с кодом полный порядок и нет необходимости в его проверке перед запуском. Теперь вам не нужно даже выделять конкретное слово — просто поместите на него курсор, нажмите хоткей и одновременно правьте все его вхождения. Быстрый способ переключения между уже открытыми файлами. Ещё можно переходить на предыдущую ошибку или предупреждение, используя Shift + F8.
