Материал подготовлен командой Simple-Server для администраторов VPS и выделенных серверов. Команды и пути проверяйте на тестовой машине перед production.

Кратко о задаче

Установить Visual Studio Code можно на свой домашний или рабочий компьютер. Также можно арендовать выделенный или облачный сервер с Windows Server или одним из доступных дистрибутивов Linux. Если в списке предлагаемых образов нет необходимого дистрибутива, вы можете загрузить свой.

разберём установку Visual Studio Code на трех операционных системах — Windows, macOS и Linux (дистрибутив Ubuntu 24.04).

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»:

Далее начнется процесс установки:

После того как программа будет установлена, ее можно сразу запустить:

Установка успешно завершена:

По умолчанию 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. Также для удобства навигации горячие клавиши распределены по разделам.

Открыть командную палитру

Быстрый доступ к символам

Переключение комментариев

Закрыть все открытые файлы

Команды для редактирования кода

Копирование строки начиная снизу

Копирование строки начиная сверху

Свернуть текущий блок кода

Развернуть текущий блок кода

Выделить все совпадения поиска

Работа с курсором и выделением

Удерживать курсор в строке

Использование мульти курсора

Добавить курсор на следующую строку

Добавить курсор на предыдущую строку

Переключение между терминалами

Запустить/остановить отладку

Выполнить код с заходом в метод

Выполнить код без захода в метод

Добавить/удалить точку остановки

Нужен сервер для практики? Закажите VPS на Simple-Server — root-доступ, NVMe, DDoS-защита и поддержка 24/7.