VScode: ставим основу рабочего места
Следующий шаг
Открой бота или продолжай маршрут внутри раздела.
Статья -> план в ИИ
Отправь ссылку на эту статью в любой ИИ и получи план внедрения под свой проект.
Прочитай эту статью: https://vibecode.morecil.ru/ru/rabochee-mesto/%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80-%D0%BA%D0%BE%D0%B4%D0%B0-%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D0%BC-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%83-%D1%80%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B3%D0%BE-%D0%BC%D0%B5%D1%81%D1%82%D0%B0/
Работай в контексте моего текущего проекта.
Сделай план внедрения под мой стек:
1) что изменить
2) в каких файлах
3) риски и типичные ошибки
4) как проверить, что всё работает
Если есть варианты, дай "быстрый" и "production-ready". Как использовать
- Скопируй этот промпт и отправь в чат с ИИ.
- Прикрепи проект или открой папку репозитория в ИИ-инструменте.
- Попроси изменения по файлам, риски и короткий чеклист проверки.
Редактор кода: почему он — основа всего
Вкратце: редактор кода — это твоё основное пространство для работы. Не ИИ, не модель и не хитрые настройки, а именно редактор. В вайбкодинге всё строится вокруг него, потому что здесь ИИ генерирует код, а ты следишь за процессом.
Зачем редактор, если ИИ пишет код сам
Многие новички спрашивают: если ИИ может создать код за меня, зачем вообще редактор? Почему не просто чатить с ИИ и получать готовое?
Дело в том, что код — это не просто слова. Это файлы, структура, версии и взаимосвязи. Без редактора ты не видишь, где ИИ добавил строку, где изменил функцию или сломал логику. Редактор даёт контроль: ты наблюдаешь за изменениями, откатываешь ошибки и понимаешь, что происходит в проекте.
В итоге редактор нужен для:
- Хранения файлов проекта.
- Отслеживания правок от ИИ.
- Возврата к предыдущим версиям (через Git или просто копии).
Без этого вайбкодинг скатывается в хаос, где каждый промпт — лотерея.
Почему именно VS Code
Для начала выбираем Visual Studio Code (VS Code). Не потому, что он "идеальный" или "самый крутой", а потому что:
- Бесплатный и открытый.
- Работает на Windows, macOS, Linux.
- Простой интерфейс, как у обычной программы.
- Легко подключает ИИ-расширения (типа Cursor или Codex).
Помни: это не вечный выбор. Начни с VS Code, а потом, если нужно, перейди на Cursor, PyCharm или что-то другое. Главное — старт без барьеров.
Как установить VS Code
Всё просто и без подвоха:
- Зайди на официальный сайт Visual Studio Code.
- Выбери версию для своей ОС (Windows, macOS или Linux).
- Скачай и установи, как любую программу — кликай "Далее" и жди.
- Запусти VS Code. Готово, никаких активаций или ключей.
Если что-то пойдёт не так (редко бывает), просто перезапусти установщик или проверь антивирус.
Что увидишь при первом запуске и что игнорировать
При открытии VS Code увидишь панели, кнопки, приветственный экран. Не пугайся — это нормально. На старте фокусируйся на минимуме:
- Окно для файлов (проводник слева).
- Центральная область для текста (где открываются файлы).
- Меню "File" > "Open Folder" для открытия папки.
Остальное (темы, расширения, терминал) пока игнорируй. Они не ускорят твой старт, а только запутают.
Как открыть папку проекта
VS Code оживает, когда привязан к проекту:
- Создай пустую папку на компьютере (например, "мой_первый_проект" на рабочем столе).
- В VS Code иди в "File" > "Open Folder" и выбери эту папку.
- Теперь слева увидишь структуру: даже если файлов нет, это уже твой проект.
С этого момента все действия (генерация кода ИИ, правки) будут здесь. Это ключевой шаг — проект становится "живым".
Почему не стоит настраивать сразу
Частая ошибка: сразу лезть в настройки, ставить темы, шрифты и плагины по советам из интернета. Это даёт иллюзию прогресса, но отвлекает от сути.
Оставь VS Code "скучным" по умолчанию. Когда начнёшь работать с ИИ (например, генерировать код через промпты), сам поймёшь, чего не хватает — и добавишь только нужное. Так экономишь время и нервы.
Ключевые уроки на этом этапе
Здесь ты не учишься кодить. Ты осваиваешь пространство:
- Где хранится проект (папка на диске).
- Где видны файлы и изменения (проводник в VS Code).
- Как ИИ будет "вливать" код сюда.
Если это ясно — ты готов к следующему шагу в вайбкодинге. Далее можно добавить ИИ-расширения, но об этом в других статьях.