Первый редактор кода, который я ставлю на любой новый компьютер - Visual Studio Code. Бесплатный, быстрый, с кучей расширений. Скачать VS Code проще простого, но есть пара нюансов, о которых часто забывают. Разберем по шагам.
Забегая вперед: если вы хотите не просто писать код, а использовать в работе последние модели ИИ - у меня в конце будет приятный бонус для России. А теперь по делу.
Что такое Visual Studio Code
Visual Studio Code (или просто VS Code) - это кросс-платформенный редактор кода от Microsoft, построенный на базе Electron. Он работает одинаково хорошо на Windows, macOS и Linux. Внутри уже есть встроенный терминал, отладчик, интеграция с Git, интеллектуальное автодополнение и тысячи расширений.
Большинство опенсорсных проектов сегодня используют VS Code. Он полностью бесплатный, даже для коммерческой разработки. Отличный выбор для новичка и для профессионала.
Где скачивать VS Code
Только официальный сайт. Страница загрузки - code.visualstudio.com/download. Не верьте сайтам вроде "vscode-free.ru" - там часто прячут майнеры или трояны. Всегда проверяйте домен: должен быть code.visualstudio.com. На Reddit разработчики не устают предупреждать: скачивайте только с официального сайта, иначе легко подцепить майнер.
Как скачать VS Code на Windows
На официальной странице нажмите большую синюю кнопку Download for Windows. Это загрузит User Installer (x64). Используйте его, если у вас нет прав администратора или вы не хотите ставить систему-wide. По умолчанию User setup устанавливает VS Code в папку C:\Users\{Имя}\AppData\Local\Programs\Microsoft VS Code.
Для установки на весь компьютер выберите System Installer (x64). Он потребует прав администратора - установщик сам запросит разрешение. Системная установка открывает VS Code для всех пользователей машины. Есть еще .zip версия - просто распакуйте и запустите, без инсталляции. И CLI для работы через командную строку.
Если у вас процессор на ARM64 (например, последние Surface или ноутбуки на Snapdragon), выбирайте соответствующий установщик Arm64. В остальных случаях x64.
Установка VS Code на Windows: пошаговый процесс
Скачанный файл называется VSCodeUserSetup-{version}.exe. Запустите его двойным кликом.
Шаг 1 - принимаете лицензионное соглашение, нажимаете Далее.
Шаг 2 - выбираете папку установки. Оставьте по умолчанию, если нет причин менять.
Шаг 3 - дополнительные задачи. Вот здесь самое важное: обязательно поставьте галочки "Add to PATH" и "Add 'Open with Code' action". Первая добавляет VS Code в системный PATH - после этого вы сможете запускать команду `code .` из любой папки в терминале. Вторая добавляет пункт "Open with Code" в контекстное меню проводника.
После установки перезапустите консоль, если она была открыта, чтобы PATH подхватился. VS Code появится в меню Пуск.
Установка через командную строку (winget)
На Windows 10 и 11 есть встроенный пакетный менеджер winget. Дополнительная установка не нужна. Откройте PowerShell и выполните:
winget install Microsoft.VisualStudioCodeТерминал сам скачает последнюю версию и установит ее. Это способ для тех, кто любит все делать через консоль.
Как скачать VS Code на macOS
На странице загрузки выберите Mac Universal installer. Универсальный бинарник работает на всех компьютерах Mac - и на Intel, и на Apple Silicon. Требуется macOS 12.0 или новее.
Скачивается архив .zip. Распакуйте его, а затем перетащите появившийся файл Visual Studio Code.app в папку Applications (Программы). Для удобства можно сделать это через Finder: Загрузки -> двойной клик на архиве -> перетащите в Программы.
Теперь приложение появится в Launchpad. Если хотите открывать проекты из терминала, запустите VS Code, нажмите Cmd+Shift+P, введите "Shell Command: Install 'code' command in PATH" и выполните команду.
Для пользователей Homebrew достаточно одной команды:
brew install --cask visual-studio-codeHomebrew сам скачает и установит приложение в /Applications.
Как скачать VS Code на Linux
Здесь все зависит от дистрибутива. Для Ubuntu, Debian, Mint скачайте .deb пакет. Для Fedora, RHEL, CentOS - .rpm. Установка через центр приложений происходит в пару кликов.
Через терминал для Debian/Ubuntu:
sudo apt install ./VSCode-{version}.debДля Fedora:
sudo dnf install ./VSCode-{version}.rpmЕсть также универсальный .tar.gz архив - распаковываете в любую папку и запускаете исполняемый файл code. Учтите, что обновления придется ставить вручную, если используете архив.
Еще один способ - через Snap. Если в системе поддерживается, просто:
sudo snap install --classic codeВеб-версия VS Code
Иногда неохота ничего скачивать. Просто откройте vscode.dev в браузере - и полноценный редактор уже перед вами. Можно редактировать локальные файлы, открывать репозитории с GitHub, ставить расширения и сохранять результат на диск. Для быстрых правок - идеально. На телефоне тоже запускается, но работать с кодом на маленьком экране - то еще мучение.
Частые вопросы по установке и обновлению
Куда установится VS Code? Для Windows User Installer - в C:\Users\{Имя}\AppData\Local\Programs\Microsoft VS Code. System Installer - в C:\Program Files\Microsoft VS Code. На macOS - в папке Applications. На Linux - в /usr/share/code или /opt/visual-studio-code.
Как обновлять? VS Code по умолчанию обновляется автоматически через встроенный механизм. Если хотите проверить вручную - Help -> Check for Updates (в Windows/Linux) или Code -> Check for Updates на macOS.
Как полностью удалить? На Windows используйте "Установка и удаление программ". На macOS просто удалите VS Code.app, но подчистите и папки в ~/Library/Application Support/Code и ~/.vscode. На Linux удалите пакет через sudo apt remove code (или dnf remove code).
Настройка VS Code после установки
Скачать VS Code - только начало. Теперь приведите его под себя.
Русификация. Откройте вкладку Extensions (Ctrl+Shift+X), найдите "Russian Language Pack", установите и перезапустите редактор. Интерфейс станет полностью русским.
Темы и шрифты. Нажмите Ctrl+Shift+P, наберите "Color Theme" и выберите темную или светлую тему. Я предпочитаю Dark Modern. Хороший шрифт для кода - JetBrains Mono, но можно оставить стандартный.
Синхронизация настроек. Зайдите в шестеренку, выберите "Turn on Settings Sync", войдите в аккаунт Microsoft - и все настройки, темы, сниппеты будут синхронизироваться между компьютерами.
Полезные расширения для VS Code
Маркетплейс VS Code огромен. Вот минимум, который я рекомендую:
- Prettier - форматирование кода
- ESLint - проверка JavaScript
- GitLens - продвинутая работа с Git
- Live Server - локальный сервер для HTML
Устанавливаются они так же, как языковой пакет. Через вкладку Extensions.
Горячие клавиши, которые нужны каждому
Быстрое перемещение по коду ускоряет работу в разы. Вот база:
- Ctrl+P - быстрое открытие файла
- Ctrl+Shift+P - командная палитра
- Ctrl+D - выделить следующее совпадение
- Alt+стрелка вверх/вниз - переместить строку
Полный список всегда под рукой - Ctrl+K Ctrl+S (или Cmd+F1 на маке).
Встроенный терминал и Git
VS Code включает полноценный терминал. Открывается через Ctrl+` (обратный апостроф). Можно работать с bash, PowerShell или zsh. Для этого не нужно переключать окна.
Интеграция с Git встроена по умолчанию. Нажмите на вкладку Source Control (Ctrl+Shift+G) - увидите все изменения, сделайте коммит, запушьте. Для продвинутой работы ставьте расширение GitLens.
Подключение к удаленному серверу
Если вы разрабатываете на VPS или в контейнере, установите расширение Remote - SSH. После этого вы сможете открывать папки на удаленной машине прямо в VS Code, как локальные. Установка и отладка кода станут намного проще.
Как использовать VS Code с искусственным интеллектом
Каждый разработчик хоть раз застревал на простой ошибке, которую искал часами, или хотел сгенерировать шаблон кода без копирования с форумов. Современные нейросети решают это за секунды. Но в России с доступом к последним моделям сложно: иностранные карты не работают, нужен VPN.
Специально для таких задач я нашел сервис 3GPT от 3SELLER - https://3seller.com/3gpt. Это ИИ-роутер, который дает доступ ко всем флагманским моделям из России. Внутри есть ChatGPT 6 Astra, Claude Fable 5, Claude Opus 5.5 и другие свежие релизы. Стоит это всего 149 ₽, оплата российской картой или через СБП.
Пользоваться им можно прямо на сайте, а можно совмещать с VS Code: открываете чат 3GPT в браузере и рядом с редактором.
Вот как выглядит интерфейс:
Еще у 3GPT есть фишка - готовые ИИ-агенты под конкретные задачи. Переходите на https://3seller.com/ai/agents, выбираете агента и начинаете общение. Модель можно менять прямо в чате. Это удобно, если нужно, например, перевести текст, написать пост или сгенерировать картинку.
Получить доступ можно на официальном сайте 3GPT - https://3seller.com/3gpt.
Типичные проблемы при скачивании и установке
Вы качаете с рекламного сайта. Это самая частая беда. В поисковой выдаче полно фейковых копий. Внимательно смотрите на URL. Настоящий сайт только code.visualstudio.com.
Установщик не запускается. Возможно, Windows Defender блокирует неподписанный файл. Нажмите "Подробнее" и "Выполнить в любом случае". А лучше удостоверьтесь, что файл скачан с официального домена.
Не работает команда code в терминале. Скорее всего вы не добавили VS Code в PATH. Переустановите и отметьте галочку "Add to PATH". После этого обязательно перезапустите терминал.
Установка требует администратора. Вы используете System Installer. Скачайте User Installer - он не требует прав администратора и ставится в папку пользователя.
Что делать после установки VS Code
Откройте VS Code, создайте новую папку, добавьте в нее файл index.html или main.py. Напишите hello world и запустите через встроенный терминал. Теперь вы официально разработчик.
Помните, что VS Code - это инструмент, а инструмент нужно оттачивать. Устанавливайте расширения, учите горячие клавиши, синхронизируйте настройки. А когда понадобится помощь ИИ - загляните на 3seller.com/3gpt. Это лучший способ получить доступ к ChatGPT и другим нейросетям из России без VPN и зарубежных карт.