Зачем тебе VSCode
VSCode — это Word для кода. Программа от Microsoft, в которой удобно открывать, редактировать и сохранять файлы твоего проекта. Тут будет жить твой будущий сайт, твоё приложение и любой код, который ты напишешь.
Используем именно его, потому что:
- В него встроится Claude Code — наш ИИ-помощник, который пишет код за тебя
- Он бесплатный
- Им пользуются миллионы программистов по всему миру — Microsoft, Google, Anthropic
- Все туториалы и обучение современному вайбкодингу — на нём
Шаг 1. Скачать установщик
В адресной строке браузера набери:
code.visualstudio.com
И нажми Enter. Откроется главная страница VSCode с большой синей кнопкой «Download for Windows». Жми её.
Браузер начнёт скачивать файл VSCodeUserSetup-x64-X.XX.X.exe (~100 МБ).
💡 Если вдруг увидишь две кнопки рядом — «User Installer» и «System Installer» — бери User Installer. Он ставится без прав администратора, без головной боли. По умолчанию большая синяя кнопка качает именно его.
Шаг 2. Запустить установщик
Найди скачанный .exe файл (обычно в папке «Загрузки») и двойной клик.
Windows может показать предупреждение — посмотри, что издатель «Microsoft Corporation» ✓. Если так — жми «Запустить» или «Подробнее → Выполнить в любом случае».
Шаг 3. Пройти установщик
Откроется окно установщика на 6 экранов. Идёшь по ним по порядку:
- Лицензионное соглашение → выбери «Я принимаю условия» →
Далее - Папка установки → ничего не меняй →
Далее - Папка в меню «Пуск» → ничего не меняй →
Далее - Дополнительные задачи ⚠️ — на этом экране несколько галочек. Проверь, что стоят ВСЕ:
- ✅ Создать значок на рабочем столе
- ✅ Добавить действие «Открыть с помощью Code» в контекстное меню для файлов
- ✅ Добавить действие «Открыть с помощью Code» в контекстное меню для каталогов
- ✅ Зарегистрировать Code как редактор для поддерживаемых типов файлов
- ✅ Добавить в PATH ← это самое важное! Без этой галочки Claude Code потом не подключится корректно
- Готово к установке → жми
Установить - После установки оставь галочку «Запустить Visual Studio Code» →
Готово
Шаг 4. Сделать VSCode русским (опционально)
VSCode по умолчанию на английском. Если непривычно — можешь переключить.
- В открывшемся VSCode нажми
Ctrl + Shift + X— откроется боковая панель «Расширения» - В строке поиска вверху панели набери:
Russian Language Pack - На первом результате (от Microsoft) жми синюю кнопку «Install»
- После установки в правом нижнем углу появится предложение «Change Language and Restart» — жми
- VSCode перезапустится на русском
💡 Многие в курсе остаются на английском — все туториалы, документация и Claude общается с тобой по-английски когда читает интерфейс. Так что выбор по комфорту.
Шаг 5. Проверить, что всё работает
VSCode уже открыт. Простой тест:
- Сверху «File» / «Файл» → «Open Folder» / «Открыть папку»
- Выбери любую папку на компьютере (например, «Документы»)
- В левой части появится список файлов и папок этой директории
Если видишь дерево файлов слева — VSCode работает. Поздравляю, у тебя есть рабочий стол для кода.
Если что-то пошло не так
Не запускается установщик — Windows блокирует. Жми «Подробнее → Выполнить в любом случае». Издатель Microsoft Corporation — подлинный.
Установщик долго стоит на 100% — это финальная индексация, обычно 1-2 минуты. Если совсем зависло, перезагрузи компьютер и установи заново.
После установки нет иконки на рабочем столе — открой меню «Пуск», набери «VSCode», запускай оттуда. Иконка не критична.
На шаге 4 не было галочки «Add to PATH» (или была неактивна) — переустанови с этой галочкой. Без неё Claude Code не сможет работать с твоим терминалом.
Что дальше
Готово — у тебя есть рабочий стол для кода. Следующий шаг — установить расширение Claude Code в VSCode, чтобы ИИ-помощник появился прямо в редакторе.