Раньше, чтобы начать программировать, нужно было пройти ритуал посвящения. Сначала выяснить, какой язык учить. Потом скачать IDE (что такое IDE? ага, уже непонятно). Потом настроить окружение. Потом прочитать три гайда по настройке окружения, потому что первые два устарели. Потом установить расширения, плагины, пакетные менеджеры... К моменту, когда вы были готовы написать первую строчку кода, проходила неделя и заканчивался энтузиазм.
Хорошие новости: этот этап мы перепрыгиваем.
Вайб-кодеру не нужен настроенный до блеска IDE с двадцатью плагинами. Не нужно знать, какой менеджер пакетов лучше. Не нужно вообще понимать, что такое «менеджер пакетов».
Нужно три вещи:
1. Инструмент, в котором вы будете общаться с AI.
2. Браузер.
3. Интернет.
Всё. Остальное опционально и будет наращиваться по мере необходимости.
Но чтобы вы не ткнули пальцем в первый попавшийся сервис и не разочаровались, давайте спокойно разложим, что есть что, какой инструмент для чего заточен и с чего начать именно вам.
Современные AI-инструменты для создания кода я бы разделил на три большие группы. Представьте, что вы собираетесь приготовить ужин.
Категория 1. Текстовые AI-помощники (ваш «мозговой штурмовик»)
Это чаты: Claude, ChatGPT, Gemini. Вы открываете вкладку браузера, пишете: «Сделай мне то-то» и получаете код в ответ. Код нужно скопировать, вставить куда-то, запустить.
Плюсы: не требует установки, можно использовать с телефона, отлично для обсуждения идей и генерации отдельных кусков кода. Минусы: не видит проект целиком, код надо таскать туда-сюда руками.
Это как спросить у друга-повара рецепт по телефону. Готовить всё равно вам.
Категория 2. AI-IDE (ваша «кухня со встроенным шеф-поваром»)
Это среда разработки с AI внутри. Cursor - главный представитель. Вы открываете программу, она видит все файлы проекта, и AI понимает контекст. Вы говорите: «Добавь на сайт тёмную тему» и AI меняет код в нужных файлах сам. Не надо ничего копировать.
Плюсы: глубокое понимание проекта, AI работает прямо в коде, всё в одном окне. Минусы: надо установить программу, выглядит как «настоящая среда разработки» (может испугать новичка).
Это как готовить на профессиональной кухне, где шеф стоит рядом и помогает.
Категория 3. No-code / Low-code платформы (ваш «ресторан с доставкой»)
Это сервисы вроде Bolt.new, v0, Lovable, Replit. Вы описываете идею текстом, а сервис сам собирает приложение целиком и показывает результат в браузере. Можно ничего не устанавливать.
Плюсы: минимальный порог входа, быстрое прототипирование, результат видно сразу. Минусы: меньше контроля, сложнее кастомизировать, часто требуют платной подписки на серьёзных проектах .
Это как заказать готовое блюдо. Быстро, вкусно, но рецепт не ваш и ингредиенты не вы выбирали.
Давайте пройдёмся по конкретным инструментам, которые вам встретятся. Не как в обзоре «10 лучших сервисов для вайб-кодинга», а по-человечески: что это, зачем нужно и нужно ли вообще.
Cursor - ваш основной инструмент
Cursor - это редактор кода с AI внутри. Внешне почти неотличим от VS Code (популярнейшего редактора для программистов), но со встроенным интеллектом . Главное, что нужно знать: вы пишете в чат, ЧТО хотите сделать — и Cursor меняет код. Он видит весь проект, понимает структуру файлов и может работать сразу в нескольких местах .
Возможностей много, но новичку достаточно запомнить три комбинации клавиш:
Ctrl+L (на Mac — Cmd+L) - открыть чат с AI. Спрашивайте что угодно.
Ctrl+K (Cmd+K) - изменить выделенный кусок кода. Выделили написали, что поменять готово .
Ctrl+I (Cmd+I) - «режим агента». Для больших задач: «Создай страницу с формой обратной связи» .
Бесплатной версии хватит для старта. Платная ($20/мес) открывает больше возможностей, но в первых главах этой книги она не понадобится .
Совет: Если Cursor кажется сложным - не пугайтесь. В следующей главе мы пошагово запустим ваш первый проект. Это как первый раз за руль: страшно, пока не попробуешь.
Claude - «думающий» помощник
Claude от Anthropic - это AI, который славится умением работать с большими объёмами кода и сложными задачами . Он хорош для ситуаций, когда нужно не просто сгенерировать код, а разобраться в проблеме.
Когда использовать: вы запутались в ошибках, Cursor не справляется, нужно спокойно обсудить архитектуру. Claude «думает» аккуратнее многих конкурентов и неплохо объясняет свои решения .
Есть бесплатная версия на claude.ai. Оплата зарубежной картой, что сейчас может быть проблемой, но для первых шагов бесплатного лимита достаточно.
ChatGPT - универсальный солдат
ChatGPT от OpenAI - инструмент, с которого многие начинали. Хорош для быстрых вопросов, генерации отдельных функций, объяснения ошибок. Уступает Claude в глубине работы с большим проектом, но берёт доступностью и скоростью.
Бесплатная версия доступна без всяких карт. Для вайб-кодинга подходит на старте, но по мере усложнения проектов вы, скорее всего, перейдёте на специализированные инструменты.
Replit - облачная песочница
Replit - это браузерная среда, где можно писать код, запускать его и тут же публиковать результат . Внутри есть AI-помощник. Главный плюс: не надо ничего устанавливать. Открыли сайт написали промпт получили работающее приложение .
Хорош для: быстрых прототипов, обучения, работы с компьютера, на который нельзя устанавливать программы (например, рабочего ноутбука с ограничениями). Минус: платный на сколько-нибудь серьёзном использовании, от $18/мес .
Bolt.new и v0 - «сделай мне красиво»
Эти инструменты заточены на быструю генерацию веб-интерфейсов. Описываете, как должен выглядеть сайт или компонент - получаете готовый код. Bolt.new умеет создавать полноценные приложения с фронтендом и бэкендом прямо в браузере . v0 (от Vercel) специализируется на React-компонентах .
Хороши для: дизайнеров, которым нужно быстро превратить идею в работающий интерфейс. Минусы: ограниченный контроль над результатом, платные тарифы от $20-25/мес .
Если голова пошла кругом от выбора - вот простой алгоритм. Никакой аналитики, чистая практика.
Шаг 1. Заведите аккаунт в Claude или ChatGPT (бесплатно). Это ваш «советчик» на случай, если что-то пойдёт не так.
Шаг 2. Скачайте и установите Cursor с сайта cursor.com . Это ваш основной инструмент для всей книги.
Шаг 3. Зарегистрируйтесь в Replit (бесплатного тарифа хватит) . Это запасной вариант для случаев, когда Cursor покажется слишком сложным, или захочется быстро что-то задеплоить без лишних движений.
Всё. Три инструмента, один час на настройку - и вы вооружены для любой задачи из этой книги.
Зачем нужен «запасной» инструмент? Потому что AI иногда тупит. Бывает, Cursor зацикливается на ошибке и не может вылезти. В таких случаях вы открываете Claude, скармливаете ему проблему и просите подсказать решение. Два AI лучше, чем один, как два мозга лучше, чем один.
Установка Cursor предельно проста. Заходите на cursor.com, жмёте Download, запускаете установщик. Всё как с любой программой .
При первом запуске Cursor предложит войти в аккаунт. Заведите бесплатный через Google или GitHub. Это нужно, чтобы AI заработал .
Если вы раньше пользовались VS Code, Cursor предложит перенести настройки. Если не пользовались просто пропустите этот шаг.
На этом настройка завершена. В следующей главе мы создадим первый проект, и вы увидите, как это работает на практике. Пока что достаточно просто запустить программу и убедиться, что она открылась.
На заре автомобилестроения водителю нужно было самому заводить мотор рукояткой, переключать скорости без синхронизаторов и быть немного механиком. Сегодня вы садитесь в машину и едете. Автоматическая коробка передач, кнопка Start, система помощи при парковке.
С инструментами для вайб-кодинга та же история. Раньше «вести машину» означало копаться в моторе. Теперь, просто знать, куда вы хотите приехать.
Cursor, Claude, Replit - это коробка-автомат. Не надо стыдиться, что вы не умеете переключать передачи вручную. Надо радоваться, что доедете быстрее и с комфортом.
1. Инструментов много, но начинать надо с трёх: текстовый AI-помощник (Claude или ChatGPT), AI-редактор кода (Cursor) и облачная песочница (Replit). Этого хватит для 95% задач новичка.
2. Не надо настраивать сложное окружение. Современный вайб-кодинг начинается с открытия сайта или установки одной программы. Старая боль «неделя настройки пять минут кода» ушла в прошлое .
3. Cursor - ваш главный инструмент. Освойте три горячие клавиши (чат, онлайн-редактирование, агент) — и сможете создавать проекты, не прикасаясь к коду руками .
1. Скачайте и установите Cursor с cursor.com. Запустите, войдите в бесплатный аккаунт. Убедитесь, что программа открылась .
2. Зарегистрируйтесь на claude.ai или chatgpt.com (бесплатный аккаунт). Задайте любой вопрос про код, просто чтобы попробовать. Например: «Объясни, как работает цикл for, как будто мне десять лет».
3. Откройте Replit.com, создайте бесплатный аккаунт. Нажмите Create Repl, выберите любой шаблон и просто посмотрите, как выглядит среда .
4. Цель не создать шедевр, а пощупать инструменты. Чтобы в следующей главе, когда мы пойдём в практику, вы не отвлекались на технические мелочи.
О проекте
О подписке
Другие проекты