Чтобы настроить VS Code, сначала откройте папку проекта, затем установите инструменты нужного языка и проверьте запуск программы. Цветовую тему и размер шрифта можно подобрать позже. Рабочая среда считается настроенной, когда вы понимаете, какой файл запускается, чем он обрабатывается и где появляются ошибки.
Ниже базовая настройка настольного VS Code для Windows, macOS и Linux. Команды палитры приведены на английском: по ним проще сверяться с документацией независимо от языка интерфейса. Сочетания клавиш указаны для стандартной раскладки VS Code; пользовательские назначения могут отличаться.
Сначала уточните: Visual Studio или VS Code
Запрос «как настроить VS» неоднозначен. Visual Studio и Visual Studio Code являются разными программами. В Visual Studio инструменты разработки устанавливают в том числе через рабочие нагрузки установщика. В VS Code поддержку языка обычно добавляют расширениями, а компилятор или среду исполнения устанавливают отдельно.
Если вы работаете в Visual Studio с проектом или решением, файлы .vscode/settings.json из этой инструкции не настроят вашу IDE. Для VS Code ориентир другой: открытая папка проекта, боковая панель файлов и раздел Extensions. Для C отдельно пригодится наш гайд по компилятору, сборке и отладке.
Установите редактор и откройте папку
Загрузите настольный редактор с официального сайта Visual Studio Code. Для первого проекта выбирайте обычный стабильный выпуск. Инструкция рассчитана на установленную программу, а не на браузерный редактор: доступ к локальным процессам в этих средах устроен по-разному.
Создайте отдельную папку, например vscode-start, и откройте её через File → Open Folder. Не начинайте с рабочего стола целиком или папки загрузок. Иначе поиск, Git и расширения получат в качестве проекта посторонние файлы.
Открыть отдельный main.py двойным щелчком недостаточно для воспроизводимой настройки проекта. Корневая папка задаёт место хранения конфигурации и помогает инструментам находить зависимости. Так устроены рабочие области VS Code.
Когда редактор спрашивает, доверяете ли вы содержимому, разрешайте выполнение только для собственной папки или проверенного репозитория. Режим доверия может включать задачи и расширения, которые запускают код. Случайный архив из интернета сначала стоит просмотреть в ограниченном режиме. Это предусмотрено механизмом Workspace Trust.
Как включить русский язык
Откройте палитру команд: Ctrl+Shift+P, на macOS Cmd+Shift+P. Найдите Configure Display Language, выберите русский язык и при необходимости установите предложенный языковой пакет Microsoft. После смены языка редактор может предложить перезапуск.
Раскладка клавиатуры, кодировка файлов и язык интерфейса настраиваются независимо. Русское меню не меняет кодировку исходников и не переводит названия функций. Если текст в файле отображается неправильно, проверьте кодировку через строку состояния, а не переустанавливайте языковой пакет. Порядок смены интерфейса описан в документации по локализации.
Где менять настройки: User и Workspace
Откройте настройки через Ctrl+, или Cmd+,. Вкладка User подходит для личных предпочтений: шрифта, темы и поведения интерфейса. Workspace предназначена для текущего проекта: например, его форматирования.
Для обычной открытой папки настройки проекта находятся в .vscode/settings.json. Откройте их командой Preferences: Open Workspace Settings (JSON). Если файл уже содержит параметры, добавляйте нужные ключи в существующий объект, не заменяйте его целиком.
Начальный вариант:
{
"editor.fontSize": 14,
"editor.wordWrap": "on",
"editor.minimap.enabled": false,
"files.insertFinalNewline": true
}
Размер шрифта и миникарта здесь лишь пример личного выбора. Для командного репозитория их лучше оставить на уровне User. Не копируйте большой чужой конфиг: неизвестный параметр может относиться к расширению, которого у вас нет.
Если изменение не действует, проверьте вкладку настроек и языковой блок, например [python]. Приоритеты сложнее правила «Workspace всегда побеждает»: языковые настройки могут перекрывать общие. Для поиска своих изменений используйте фильтр @modified. Подробности есть в справочнике настроек.
Как настроить автосохранение в VS Code
Быстрый переключатель находится в File → Auto Save. Для точной настройки найдите Files: Auto Save в параметрах редактора. Доступны четыре режима:
| Значение | Когда сохраняется файл |
|---|---|
off |
Только после явной команды сохранения |
afterDelay |
Через заданную задержку после изменения |
onFocusChange |
При уходе фокуса из редактора изменённого файла |
onWindowChange |
При переключении из окна VS Code |
Для сохранения после секундной паузы добавьте к настройкам:
{
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000
}
Это отдельный пример объекта. Если объединяете его с предыдущим, оставьте одну пару внешних фигурных скобок и разделите свойства запятыми.
Проверьте результат на тестовом файле: измените строку, подождите и посмотрите, исчез ли индикатор несохранённых изменений. Автосохранение не заменяет Git и резервные копии. Оно записывает текущую версию, в том числе ошибочную. Режимы описаны в документации по редактированию.
Форматирование при сохранении настраивается отдельно. Для первой проверки форматтера используйте явное Ctrl+S: не делайте вывод о его исправности только по срабатыванию Auto Save. Настройка проекта разобрана в статье о Prettier.
Какие расширения нужны для работы
Устанавливайте инструменты под задачу, проверяя издателя и идентификатор. Начните с одного языка, а затем добавляйте остальное.
| Задача | Что потребуется | Подробная инструкция |
|---|---|---|
| Python | Интерпретатор, Python от Microsoft, окружение | Настроить Python |
| C и C++ | Компилятор, отладчик, расширение C/C++ | Настроить C/C++ |
| JavaScript | Встроенная поддержка; Node.js для локальных скриптов | Настроить JavaScript |
| Go | Go SDK и расширение Go | Настроить Go |
| Микроконтроллеры ESP | ESP-IDF либо PlatformIO под выбранную плату | Настроить ESP |
| Работа с ИИ | Официальное расширение Codex и авторизация | Настроить Codex |
Терминал открывается через Terminal → New Terminal. Если команда языка не найдена, это ещё не ошибка VS Code: возможно, не установлен сам инструмент или редактор не получил обновлённый PATH. Начните с настройки терминала, затем проверьте команды своей среды.
Как понять, что настройка закончена
Создайте небольшой файл на выбранном языке. Сохраните его, запустите из терминала и получите ожидаемый вывод. Затем поставьте точку останова и проверьте отладку по языковой инструкции. После этого настройте Git, чтобы видеть изменения и сохранять рабочие версии.
Если запуск из терминала работает, а кнопка редактора нет, ищите проблему в конфигурации запуска. Если не работает ни один способ, проверяйте установку языка, зависимости и рабочий каталог. Такая последовательность полезнее переустановки всех расширений.
Нужно ли ставить Code Runner?
Для инструкций этой серии он не нужен. Мы используем терминал и инструменты соответствующего языка. Это позволяет видеть команду запуска и выбранное окружение, а не разбираться с дополнительным уровнем настроек.
Почему VS Code подчёркивает код, который запускается?
Подсказки редактора и выполнение программы могут использовать разные настройки. Проверьте выбранный Python, путь компилятора C/C++, корень JavaScript-проекта или состояние Go language server. Успешный запуск не означает, что анализатор уже настроен на ту же среду.
Можно ли перенести настройки на другой компьютер?
Личные параметры можно синхронизировать, а проектные хранить вместе с кодом. Но пути к локальным программам и секреты нельзя бездумно переносить в репозиторий. Перед включением синхронизации посмотрите, какие категории данных выбраны в Settings Sync.