Когда я собирался вручную устанавливать Tailwind CSS в новом проекте, внезапно вспомнил о недавно появившемся «Agent Mode» в VS Code. Почему бы не протестировать, насколько далеко зашёл искусственный интеллект в интегрированной среде разработки? Результаты превзошли все мои ожидания.
Вместо того чтобы дать сухие инструкции, искусственный интеллект сам:
✅ Установил все зависимости
✅ Внёс изменения в конфигурационные файлы
✅ Запустил сервер разработки
Казалось, что будущее наступило прямо сейчас. Но затем случился неожиданный сбой, который показал ключевой момент, о котором должен помнить каждый разработчик, полагающийся на инструменты ИИ.
Агент-режим VS Code: ИИ, который действительно работает
Вы, возможно, ещё не видели эту функцию, так как её развёртывают постепенно. Но активировать её довольно просто:
- Откройте настройки VS Code (Ctrl+, или Cmd+,).
- Найдите «agent».
- Поставьте галочку.
Теперь в панели чата три режима:
- Ask (ответы, как в ChatGPT)
- Edit (редактирование файлов)
- Agent (делает буквально всё, как настоящий программист)
Подводный камень: без контекста ИИ глуп
Когда я попросил «установить Tailwind CSS», ИИ сразу же предоставил устаревшие инструкции. Причина оказалась банальной: модель Claude 3.5 обучалась только до апреля 2024 года, а документация Tailwind обновилась уже в 2025 году.
Как исправить? Заставьте ИИ прочитать документацию
Я воспользовался инструментом #fetch, чтобы скормить нейросети точные инструкции с официального сайта Tailwind и строго приказал следовать им. После этого результат был безупречен:
- ИИ проигнорировал ненужные шаги (ведь проект уже был создан).
- Безупречно поправил конфиг postcss.config.mjs.
- Создал необходимые CSS-файлы.
- Запустил сервер разработки.
ИИ мощен, но вы должны направлять его, словно младшего разработчика.
Финальный тест: сможет ли он создать целое приложение?
Я предоставил детально прописанный PRD-документ для веб-приложения под названием «3D Time Table App». Но возникла неожиданная проблема: искусственному интеллекту нужно было разобраться в схеме моей базы данных на Postgres.
MCP-сервера: новый секретный инструмент
«Model Context Protocol» (MCP) — это локальные сервера, связывающие VS Code с внешними системами вроде баз данных. Вот как я их подключил:
- Нашёл MCP-сервер для Postgres.
- Установил его через npm.
- Настроил подключение к своей базе данных прямо в VS Code.
Теперь на вопрос «Какая схема моей БД?» ИИ сам обращался к Postgres и подробно отвечал.
Момент истины: «Создай это приложение за меня»
Я отправил PRD-документ в чат и попросил: «Пожалуйста, создай приложение по этой документации». После чего ушёл на обед.
Спустя 30 минут всё было готово
Вернувшись, я обнаружил полностью рабочее приложение с:
- Красивым интерфейсом на Tailwind
- Интегрированной базой данных
- Автоматическим получением метаданных ссылок
- Поддержкой перетаскивания элементов
Единственной ручной правкой стала небольшая ошибка с импортом Postgres, и даже её VS Code нашёл и предложил исправить автоматически.
Недооценённая функция: подключите свой ИИ
Вы не ограничены лишь Copilot. В VS Code теперь можно:
- Перейти в «Управление моделями».
- Вставить API-ключ (Gemini, Ollama и т.д.).
- Использовать любую доступную модель.
Итак, это будущее?
После всех тестов я уверен:
✅ Agent Mode — это революция, он создаёт, а не только советует.
✅ MCP-сервера решают проблему отсутствия контекста для ИИ.
✅ «Next Edit Suggestions» экономит часы на дебаге.
Однако:
⚠️ Это не магия — вам придётся предоставлять чёткий контекст.
⚠️ Скорость работы зависит от сложности задачи.
Что дальше?
Сейчас я проверяю, сможет ли ИИ:
- Отлаживать унаследованный код
- Автоматизировать деплой
- Писать тесты
Одно можно сказать наверняка: кодирование изменилось навсегда.
Теперь ваш черёд. Что вы будете создавать с помощью этих инструментов? Делитесь в комментариях!
***
✨ А что думаете вы? ✨
Делитесь мыслями в комментариях — ваше мнение вдохновляет нас и других!
Следите за новыми идеями и присоединяйтесь:
• Наш сайт — всё самое важное в одном месте
• Дзен — свежие статьи каждый день
• Телеграм — быстрые обновления и анонсы
• ВКонтакте — будьте в центре обсуждений
• Одноклассники — делитесь с близкими
Ваш отклик помогает нам создавать больше полезного контента. Спасибо, что вы с нами — давайте расти вместе! 🙌