Visual Studio Code: руководство по установке, настройке, русификации и горячим клавишам
Для написания исходного кода программ существует специальный класс программного обеспечения под названием Integrated Development Environment или сокращенно IDE. Под интегрированной средой разработки (именно так расшифровывается аббревиатура IDE) понимают набор программного обеспечения, который, как правило, включает в себя специальный текстовый редактор для написания исходного кода, компилятор или интерпретатор а также дополнительные утилиты и программы для сборки, тестирования и отладки написанных программ. Использование IDE существенно упрощает разработку программ, делая ее удобнее и быстрее.
Сегодня на рынке представлены различные IDE, которые могут быть универсальными (подходят для разных языков) или поддерживающими работу только с одним конкретным языком программирования.
В данной статье мы рассмотрим установку и настройку одной из самых популярных IDE от компании Microsoft — Visual Studio Code. Среди ее преимуществ можно выделить кроссплатформенность (установить и использовать Visual Studio Code можно на всех популярных операционных системах), большое количество разнообразных дополнений и плагинов и поддержку популярных языков программирования (C, C#, C++, Go, Java, JavaScript, Node. js, Python, Rust). Также Visual Studio Code распространяется абсолютно бесплатно.
Установка
Установить Visual Studio Code можно на свой домашний или рабочий компьютер. Также можно арендовать выделенный или облачный сервер с Windows Server или одним из доступных дистрибутивов Linux. Если в списке предлагаемых образов нет необходимого дистрибутива, вы можете загрузить свой.
Мы рассмотрим установку Visual Studio Code на трех операционных системах — Windows, macOS и Linux (дистрибутив Ubuntu 24.04).
Windows
Visual Studio Code поддерживает установку на Windows 10 и Windows 11. Также поддерживаются дистрибутивы Windows Server а именно Windows Server 2016, Windows Server 2019, Windows Server 2022.
Мы будем производить установку на Windows 10. Переходим на официальный сайт и скачиваем установочный файл, нажав на кнопку «Windows»:
Будет скачан установочный файл формата .exe. Запускаем данный файл:
На первом шаге принимаем лицензионное соглашение, выбрав пункт «I accept the agreement»:
Далее установщик предлагает выбрать место установки программы в системе. Можно выбрать путь по умолчанию, который предлагает установщик, или задать свой:
При необходимости можно создать ярлык запуска программы в меню Windows. Если ярлык создавать не нужно, то необходимо выбрать параметр «Don’t create a Start Menu folder» внизу:
Следующим шагом можно настроить дополнительные параметры путем установки чекбокса напротив нужного параметра:
- Create a desktop icon — создание ярлыка на рабочем столе для быстрого запуска программы.
- Add “Open with Code” action to Windows Explorer file context menu — добавляет пункт “Open with Code” (Открыть с помощью Code) в контекстное меню файла путем нажатия правой кнопкой мыши по файлу. Данная опция позволяет быстро открывать любой файл непосредственно в Visual Studio Code.
- Add “Open with Code” action to Windows Explorer directory file context menu — опция аналогична описанной выше, но добавляет пункт “Open with Code” (Открыть с помощью Code) в контекстное меню каталога (папки).
- Register Code as an editor for supported file types — делает Visual Studio Code редактором по умолчанию для определенных типов файлов, которые он поддерживает (например, файлы с расширениями .c, *.cpp, *.py, *.java, *.js, .html и т.д.).
- Add to PATH (require shell restart) — добавляет Visual Studio Code в системную переменную
PATH, благодаря чему программу можно запускать из командной строки (cmd).
После настройки всех необходимых параметров Visual Studio Code будет готов к установке. Для этого необходимо нажать на кнопку «Install»:
Далее начнется процесс установки:
После того как программа будет установлена, ее можно сразу запустить:
Установка успешно завершена:
macOS
Для того чтобы установить Visual Studio Code на операционную систему macOS, ее версия должна быть не ниже 10.15. Также поддерживается установка на компьютеры Apple c процессорами Intel.
Переходим на официальный сайт и скачиваем установщик с программой:
После скачивания будет доступен ZIP-архив:
Внутри архива будет находиться исполняемый файл с программой, который необходимо извлечь в директорию «Applications»:
При первом запуске программы система оповестит о том, что данный файл был скачан из интернета и в нем отсутствуют какие-либо уязвимости. Для запуска необходимо нажать на кнопку «Open»:
Программа успешно запущена:
Linux (Ubuntu)
Visual Studio Code поддерживает установку на такие дистрибутивы Linux, как Ubuntu, Debian, Red Hat, Fedora, SUSE. Для установки Visual Studio Code на Linux необходима любая графическая среда рабочего стола — GNOME, KDE, Xfce и т.д.
Рассмотрим установку Visual Studio Code на примере дистрибутива Ubuntu версии 24.04 и среды рабочего стола Xfce. Также установить Visual Studio Code можно при помощи Snapcraft, перейдя по ссылке.
Переходим на официальный сайт программы и скачиваем установщик программы в зависимости от используемого дистрибутива Linux. В нашем случае нам необходим установщик с расширением .deb:
После того как нужный файл будет скачан, необходимо открыть терминал (консоль), перейти в ту директорию куда был скачан файл, например в /root:
Для установки необходимо выполнить команду, где code_1.96.2-1734607745_amd64.deb — имя скачанного файла:
dpkg -i code_1.96.2-1734607745_amd64.debВ процессе установки будет выведено сообщение, которое предлагает добавить репозитории Microsoft в систему. Необходимо выбрать <Yes> и нажать на клавишу Enter:
Далее необходимо дождаться завершения установки:
После того как установка будет завершена, программу можно запустить из панели приложений (для дистрибутивов, использующих Xfce, Visual Studio Code доступен в меню Applications → Development):
Программа успешно запущена:
vds
Установка русского языка
По умолчанию Visual Studio Code всегда устанавливается на английском языке. Поменять язык можно только после установки программы.
Для русификации Visual Studio Code необходимо перейти в раздел Extensions, который располагается на панели слева, или нажать сочетание клавиш Ctrl + Shift + X. Откроется магазин расширений.
В строке поиска необходимо ввести «russian» и установить языковой пакет, нажав на кнопку Install:
После того как языковой пакет будет установлен, справа внизу появится уведомление о том, что для применения языка необходимо перезапустить программу. Нажимаем на кнопку «Change Language and Restart»:
После этого программа автоматически перезапустится, и интерфейс будет на русском языке:
По аналогии можно установить другие языки при необходимости.
Первичная настройка
Вне зависимости от операционной системы, на которой запускается Visual Studio Code, при первом запуске программа предлагает выполнить базовую настройку. Рассмотрим ее более подробно.
На первом этапе программа предлагает выбрать одну из множества доступных тем. Чтобы отобразить больше тем, необходимо нажать на ссылку «Просмотреть другие темы...» справа внизу:
На выбор доступны различные светлые и темные темы:
Далее IDE предлагает скачать плагины для отдельных языков программирования, при помощи которых будут доступны такие функции, как автодополнение и подсветка синтаксиса:
В магазине расширений доступны плагины для всех популярных языков программирования. Для установки плагина достаточно нажать на кнопку «Установить» справа от плагина:
На следующем этапе можно настроить большинство параметров, связанных с настройкой шрифтов, настройкой курсора, настройкой редактора и многие другие. Чтобы произвести более глубокую настройку, необходимо нажать на кнопку «Открыть параметры»:
В появившемся меню справа будут отображены большинство настроек:
Более подробную настройку мы затронем в следующей главе.
Далее можно настроить палитру команд, они же горячие клавиши. При помощи данной функции можно свести к минимуму управление мышью, используя возможности клавиатуры. Нажимаем на кнопку «Открыть палитру команд»:
В появившемся меню будут отображены действия, которые можно выполнить путем нажатия определенных клавиш:
Более подробно о горячих клавишах мы расскажем в специальном разделе ниже.
На этом базовая настройка завершена. Далее будет рассмотрена расширенная настройка Visual Studio.
Расширенная настройка
Перейдем к процессу расширенной настройки. Все настройки, которые будут перечислены в данном разделе, располагаются в разделе «Управление» (значок с шестеренкой), расположенном слева снизу. При нажатии на раздел необходимо выбрать «Параметры»:
Автосохранение
По умолчанию, чтобы сохранить изменения в файле, необходимо после каждого внесенного изменения нажимать на сочетания клавиш Ctrl + S (на macOS — ⌘ + S). Вместо этого можно настроить один из трех следующих параметров:
- afterDelay — изменения будут сохранены после задержки в миллисекундах, которую можно настроить.
- onfocusChange — изменения будут сохранены после того, как будет произведено переключение на другой файл.
- onWindowChange — изменения будут сохранены при переходе в окно другой программы.
Размер и семейство шрифта
Чтобы изменить размер шрифта текста, который отображается в редакторе кода, используется опция Font Size, в значении которой задается размер шрифта:
Для замены семейства шрифта используется раздел Font Family:
Отступы
Для настройки табуляции, они же отступы, используется раздел Tab Size. Данная опция будет полезна при работе с языком программирования Python:
Форматирование
При написании исходного кода программ необходимо придерживаться форматирования с помощью отступов и пробелов, благодаря чему код программы легко читается. Однако, бывают случаи, когда при копирование кода, он начинает «съезжать», тем самым нарушая общее форматирование. Для «выравнивания» кода существует комбинация горячих клавиш Shift + Alt + F (для macOS — ⇧ + ⌥ + F). Однако, существует специальная настройка, позволяющая автоматизировать форматирование, которая поддерживает три опции:
- Format On Paste — форматирование будет применено автоматически во время вставки кода.
- Format On Save — форматирование будет применено только при сохранении.
- Format On Type — форматирование будет применено только при непосредственном при написании кода.
Курсор
Настройка курсора позволяет сделать его удобным и подходящим под особые предпочтения пользователя. Опция настройки курсора называется Cursor Style и поддерживает следующие значения:
- block — блочный курсор.
- block-outline — контур блочного курсора.
- line — стандартный вертикальный курсор.
- line-thin — тонкий вертикальный курсор.
- underline — подчеркнутый курсор.
- underline-thin — тонкий подчеркнутый курсор.
Мини-карта
В Visual Studio Code под мини-картой понимают уменьшенную версию содержимого открытого файла, расположенную сбоку (обычно справа от редактора). Она представляет собой вертикальную панель, которая помогает быстро перемещаться по файлу и визуально оценивать его структуру и наполнение. Если мини-карта мешает вам или она попросту не нужна, ее можно выключить. Для этого используется опция Minimap:
Горячие клавиши
Как уже было упомянуто ранее, Visual Studio Code поддерживает большое количество различных горячих клавиш, которые упрощают работу с IDE и написание исходного кода программ.
Ниже приведены самые полезные горячие клавиши Visual Studio Code для операционных систем Windows и Linux, а также их эквивалент для macOS, так как клавиатура на компьютерах Apple отличается от стандартной клавиатуры, используемой для Windows. Также для удобства навигации горячие клавиши распределены по разделам.
Общие команды
|
Действие |
Windows/Linux |
macOS |
|
Открыть командную палитру |
Ctrl+Shift+P |
Cmd+Shift+P |
|
Открыть раздел настройки |
Ctrl+, |
Cmd+, |
|
Быстрый доступ к файлам |
Ctrl+P |
Cmd+P |
|
Открыть терминал |
Ctrl+ |
Cmd+ |
|
Быстрый доступ к символам |
Ctrl+Shift+O |
Cmd+Shift+O |
|
Быстрый доступ к строке |
Ctrl+G |
Cmd+G |
|
Переключение комментариев |
Ctrl+/ |
Cmd+/ |
|
Разделить редактор |
Ctrl+\ |
Cmd+\ |
|
Закрыть редактор |
Ctrl+W |
Cmd+W |
|
Закрыть все открытые файлы |
Ctrl+K W |
Cmd+K W |
Команды для редактирования кода
|
Действие |
Windows/Linux |
macOS |
|
Копирование строки начиная снизу |
Shift+Alt+Down |
Shift+Option+Down |
|
Копирование строки начиная сверху |
Shift+Alt+Up |
Shift+Option+Up |
|
Переместить строку вниз |
Alt+Down |
Option+Down |
|
Переместить строку вверх |
Alt+Up |
Option+Up |
|
Удалить строку |
Ctrl+Shift+K |
Cmd+Shift+K |
|
Вставить строку ниже |
Ctrl+Enter |
Cmd+Enter |
|
Вставить строку выше |
Ctrl+Shift+Enter |
Cmd+Shift+Enter |
|
Выделить весь файл |
Ctrl+A |
Cmd+A |
|
Свернуть текущий блок кода |
Ctrl+Shift+[ |
Cmd+Option+[ |
|
Развернуть текущий блок кода |
Ctrl+Shift+] |
Cmd+Option+] |
|
Найти и заменить |
Ctrl+H |
Cmd+H |
|
Выделить все совпадения поиска |
Ctrl+Shift+L |
Cmd+Shift+L |
Работа с курсором и выделением
|
Действие |
Windows/Linux |
macOS |
|
Удерживать курсор в строке |
Ctrl+L |
Cmd+L |
|
Переход к началу строки |
Home |
Cmd+стрелка влево |
|
Переход к концу строки |
End |
Cmd+стрелка вправо |
|
Переход к началу файла |
Ctrl+Home |
Cmd+Up |
|
Переход к концу файла |
Ctrl+End |
Cmd+Down |
|
Использование мульти курсора |
Alt+Click |
Option+Click |
|
Добавить курсор на следующую строку |
Ctrl+Alt+Down |
Cmd+Option+Down |
|
Добавить курсор на предыдущую строку |
Ctrl+Alt+Up |
Cmd+Option+Up |
Работа с терминалом
|
Действие |
Windows/Linux |
macOS |
|
Создать новый терминал |
Ctrl+Shift+ |
Cmd+Shift+ |
|
Переключение между терминалами |
Ctrl+ или Ctrl+Tab |
Cmd+ или Cmd+Tab |
|
Закрыть терминал |
Ctrl+Shift+W |
Cmd+Shift+W |
Отладка
|
Действие |
Windows/Linux |
macOS |
|
Запустить/остановить отладку |
F5 |
F5 |
|
Выполнить код с заходом в метод |
F11 |
F11 |
|
Выполнить код без захода в метод |
Shift+F11 |
Shift+F11 |
|
Переместиться по строке |
F10 |
F10 |
|
Добавить/удалить точку остановки |
F9 |
F9 |
Выгодные тарифы на VDS/VPS в Timeweb Cloud
Заключение
В данной статье мы подробно рассмотрели установку, настройку и горячие клавиши интегрированной среды разработки от компании Microsoft под названием Visual Studio Code.
Помимо того, что программа распространяется абсолютно бесплатно, она обладает богатым функционалом благодаря наличию обширного количества различных плагинов, которые можно установить прямо из самой IDE.
Visual Studio Code поддерживает все популярные языки программирования и идеально подойдет как для новичков, так и для более опытных пользователей.
Хотите внести свой вклад?
вознаграждение или запросите нужную вам инструкцию
