Transcription
Всем привет. Меня зовут Костя, и в этом ролике я покажу, как создать вот такую вот систему, которая может работать и создавать проекты за вас. То есть здесь у нас несколько, несколько нейронок, которые работают, и каждая выполняет свою задачу. Какая-то просто, а, строит, допустим, ну, архитектуру, какая-то распределяет задачи, а какая-то просто пишет код, какая-то может просто исправлять баги. И также они все создают код по определённой, определённым правилам, которые мы заранее прописали для вот этого проекта. И сейчас он создаёт нам React проект. Вот так это всё происходит. Что-то куда-то движется, что-то где-то происходит, он какой-то код пишет сам за собой, сейчас будет проверять, исправлять ошибки и так далее.
Если вам интересно, а, создать вот такую для себя установку. Кстати, она полностью бесплатная. Можно бесплатно полностью разрабатывать. То есть у вас огромные лимиты, порядка 1.000, 1.000 запросов на одной нейронке, 1.000 запроса на другой, а то и 2.000. Я точно не помню, но помню, что больше тысячи. И 1.000 у вас ещё и будет на Open Router. То есть вам доступно порядка, ну, я не знаю, 20 нейронок, которые вы можете использовать на Open Router. Если вам интересно, смотрите гайд.
Итак, э, начнём с самого начала. Для того, чтобы мы приступили к установке чего-либо, нам нужен Node.js. Аа, пишем просто в поиске "Node.js". Вот таким вот способом. И здесь будет вот одна из самых первых - это nodejs.org. Далее нам нужно это всё скачать. Нажимаем "Скачать". Download. Здесь далее Windows installer. И он должен у вас скачаться. А он весит не особо много, всего лишь 30 Мб. И как бы всё это достаточно быстро происходит. После того, как он у вас скачается, вам нужно его прожать. Далее вам нужно его установить. Соглашаюсь со всем, у вас быстро пройдёт установка. Всё.
Далее вам необходимо "Пуск" открыть, и у вас тут будет Node.js Command Prompt, либо, ну да, скорее всего, у вас так должно быть. Найдите его в поиске у себя. Я нажимаю. И дальше что вам нужно сделать? Во-первых, проверить npm. Если у вас npm минус, так же, как здесь указано, можно скопировать команду отсюда. У меня он есть, 10.9.3. Далее нам необходимо набрать следующее: а Gemini CLI install. Нажимаете на самую первую ссылку. Это должен быть GitHub. У вас откроется вот такой репозиторий. А дальше вам нужно будет найти вот эту строчку: npm install -g и так далее. Копируете и вставляете её сюда. И у вас запустится установка. Нужно будет здесь подождать какое-то время, пока всё установится.
Итак, как мы видим, всё установилось. Вот написано 148 package looking и так далее. Edit 570 package. Должно то же самое у вас быть. Далее мы уже можем набрать Gemini. И по идее так. Сейчас чуть подождём, пока Gemini запустится. Вот всё. У нас Gemini запустилось. Вы должны войти через Google. Вот так вот. Первый номер здесь выбрать, нажать "Разрешить", и у вас, а, запустится ваш Google аккаунт, где вы должны будете войти просто через браузер. Всё, я вошёл. И теперь мне доступ доступен Gemini, где я могу уже что-то разрабатывать. Условно, вы сюда можете прописывать свою папку и уже начать что-либо разрабатывать. И контекст у нас 100%. Gemini 2.5 Pro установлен. У нас есть, по-моему, 2.000 или 2.000 запросов в день на Gemini 2.5 Pro.
Далее. Это ещё не всё. Далее нам также понадобится Quench. Кстати, вполне себе уже можно там папочку какую-нибудь сюда перетащить, но я уже сказал это. Также здесь есть, кстати, а если ввести слэш, здесь есть некоторые команды, которые вам могут быть интересны. Прежде чем можно добавить MCP сюда, а память, тему, тулзы, ещё что-нибудь настроить, что-нибудь. А для чего всё это нужно? Можно почитать вот тут документацию. Можете просто ввести, а вот таким образом: Gemini, а документация. И здесь как бы уже посмотреть, что для чего вот это вот всё нужно, как бы, что здесь есть, чего здесь нет. Вот здесь будут вот все ссылки.
Далее нам не только Gemini нужен, нам ещё нужен CLI. Тоже install. Нажимаем по первой ссылке. Точно всё так же. Ищем. Вот у нас тут npm install Quench. Также я вот это вот всё убью, заново открою. Вот, допустим, на Node.js просто нажму и вставлю вот сюда вот такое вот. Так, у меня почему-то всё это не вставилось. Ещё раз попробую. Так, всё равно не вставляется. Видимо, мне нужно просто вот так первую строчку выделить самостоятельно и вставить. М. Так, говорит, что не подходит. А, Node.js Command Prompt. Тогда я нажимаю. Хорошо. Всё. И здесь у меня точно также пошла установка. Нужно будет подождать какое-то время, пока Quench тоже установится.
Установка также закончилась. И я просто здесь вбиваю Quench. Так, Quench. И у меня откроется сейчас Quench. Ему нужно какое-то время. Так, и здесь а нужно выбрать. Нас сейчас перенаправит на сайт. Всё точно так же. Здесь я войду с помощью Google. Нажму "Подтвердить". Всё. Далее я также могу Quench теперь пользоваться как Gemini. То есть я сюда могу свой путь прописать до папки и разрабатывать, но нас пока что всё не интересует, потому что третьим этапом нам нужен а VS Code, то есть Visual Studio Code. Нам нужно также его установить. Мы его здесь скачиваем. Можно на центральную кнопку нажать для того, чтобы скачать. И всё, у меня скачивается VS Code Visual Studio Code. Кстати, это просто редактор для кода для обычного, но мы туда сейчас строим нейронки, и будет всё сес, вообще совсем всё по-другому, совсем всё интересно.
Итак, у меня скачался Visual Studio Code, мне его нужно установить. Здесь я принимаю все условия, нажимаю "Далее". Значок на рабочем столе меня интересует. Вот это вот всё я хочу. И устанавливаю. Установка должна пройти достаточно быстро. Сейчас мы подождём, пока всё завершится. Итак, я теперь запускаю. Нажимаю "Завершить". Мой Visual Studio Code запускается здесь. Я сразу закрываю чат. Нас интересовать будет extensions. Вот это папочка extensions. И здесь я сразу же буду искать, а Gemini CLI companion. Устанавливаю. И то же самое. Quench CLI. Я тут ввожу в поиске код, коне. Его я также устанавливаю. И самое главное теперь для нас - это так, разрешить. Теперь главное для нас - это именно оболочка для всех этих нейросетей, чтобы мы спокойно могли их использовать. Я буду использовать Kilocod. Я просто ввожу Kilocod и устанавливаю. Теперь нужно подождать, пока Kilocod установится, и мы пойдём дальше. Так, разверну, чтобы было удобно. Ждём установки Kilocod. А, всё, он установился.
Теперь у нас есть Kilocod, но нам необходимо, во-первых, мы перенесём на правую часть наш Kilocod вот таким образом. И нам необходимо здесь добавить API наш. Так, вот этот чат нам не нужен. А так я его просто таким образом закрою. Нам нужен только вот этот чат. Я нажимаю "Get started". Меня перебросит сейчас Kilocod. И мне нужно просто здесь войти через Google аккаунт. Я вхожу через Google аккаунт, нажимаю "Продолжить", и создаётся мой аккаунт. Дальше я нажимаю "Продолжить", открываю VS Code. И всё. Больше Kilocod ничего от меня не хочет.
Далее мне нужно перейти в настройки вот сюда вот и добавить новые профили. Первое, что я добавлю - это Quench Cod. Здесь создаю профиль. Здесь ищу Quench Cod. А вот он, Quench CLI. И здесь credentials автоматически подтянулись. Я просто нажимаю "Save". Далее я нажимаю ещё один плюс. Здесь набираю Gemini. Нажимаю "Происменни". Gemini CLI. И сейчас мои credentials также уже подтянулись. Я нажимаю "Сохранить". Кстати, язык мы можем поменять на русский. Так будет удобней. И всё. Всё, приложение стало на русском.
Далее у нас теперь есть два дополнительных профиля, но это не все профили, которые нам нужны. Э также нам нужен профиль Open Router, так он будет называться. И здесь я также Open Router ищу. Open Router. Нажимаем по кнопке "Подключить API". А здесь я вхожу через Google, выбираю свой аккаунт, нажимаю "Продолжить". Нажимаю галочку, что я согласен. Нажимаю "Continue", ну, то есть "Продолжить". Так, здесь я ничего не буду выбирать. Мне нужен ключ. Я создаю ключ. Пишу здесь, допустим, "test" и нажимаю "Create". Здесь копирую ключ, возвращаюсь обратно. Здесь просто вставляю этот ключ, нажимаю "Сохранить".
Всё. Теперь у меня здесь есть три профиля. Это Gemini, это Quench CLI, это Open Router, ну и дефолтный. И я, конечно же, буду пользоваться в основном Quench Cod либо Open, вернее, Cod либо Gemini, иногда Open Router. Так, Quench CLI. Здесь мы выбираем Quench Code Pro. Open Router. Мы также здесь выбираем, а, допустим, GPT-4 рекомендую как вариант. Либо GLM тоже вполне себе, только выбираете фри-версию. И вообще в целом фри версии только выбираете в Open Router. В Gemini также находите и выбираете Gemini. Вот 2.5 Pro нам сейчас доступен.
Когда всё выбрано, здесь уже можно будет на своём компьютере создать какую-то папку и добавить её сюда. А, допустим, вот я сейчас создал папку на компьютере и просто методом перетаскивания её сюда добавил. Далее вы теперь, а можете что делать? Это не надо. Далее у вас есть под каждый, под каждое, под каждую версию, под каждый, под каждую возможность этого редактора выбрать нейросеть. Я рекомендую сделать вот таким вот образом. Оркестратор Gemini, баг - это код. Код - это код. Архитект - это Gemini. Пока вот таким вот образом сделайте.
И далее вы можете оркестратору теперь написать: "А, создай, создай простенький, аа, создай, мм, простенький сайт-визитку. Очень маленький. Очень маленький, чтобы это просто долго не происходило. Где, где будет имя, имя, фамилия и телефон. М, используй, например, HTML, CSS, JS". И всё, наша задача пошла. А запросы сейчас пойдут, и потихонечку наш Kilocod начнёт писать здесь новые файлики, чтобы каждый раз не прожимать "Сохранить" вот это всё дело. Здесь есть специальные настройки. Допустим, автоодобрение вот включено в данном случае у меня. И как бы всё, сейчас как бы нейросети сами будут у вас писать весь код. Они у вас сразу в папке здесь же и появляются все файлы, которые он создаёт. Мы как бы сейчас можем в браузере открыть index, посмотреть, что он сейчас сделает. Ну вот он такое вот сделал, супер что-то простое. Сейчас будем смотреть, что он будет дальше делать. Вот он создал себе тудулист, по которому он делает это приложение, что он создал функционал копирования номера для чего-то. Хочет добавить скрипт в index. В общем, он следует своему плану и создаёт наш простой сайт-визитку. Всё, задача завершена. Смотрим, что у него получилось. Максимально простой сайт-визитки. Иван Иванов. Когда нажимаешь на телефон, телефон копируется. Вот такая вот простая установочка для бесплатного вайкодинга. По лимитам у вас 1.000 или две в Gemini и 1.000 или две запроса в Quench CLI. Я думаю, для начала вам хватит. А в Open Router там 50 запросов, но тут модели достаточно большие, интересные по типу GLM. Также вы можете на 10 долларов пополнить счёт в Open Router. Тогда у вас станет тоже, по-моему, порядка 1.000 запросов на все эти бесплатные модели. Просто здесь "фри" вводите и смотрите, какие фри версии есть.
Ещё такой момент хотел рассказать, что а существует сайт специализированный для того, чтобы писать дополнительные правила, правила для Kilocod, чтобы он по определённым правилам создавал вам приложение или то, что вам нужно будет. Вот сюда вот на висы вот такие нажимаете, нажимаете плюс и ставите, например, добавляете какой-нибудь файл. А вот так вот пишете rules. Да, например, у вас появляется вот такой файл с рекомендациями для нейросетей. И сюда вы должны написать правила, а правила создания. Но где эти правила создания взять? А есть специализированный сайт. А так, специализированный сайт. Вот так он называется. Cursor Directory он называется. Все ссылки я всё оставлю в описании. И здесь есть наборы правил для создания проекта для нейронок. Допустим, если у нас будет там, допустим, какой-нибудь React проект, вы, соответственно, здесь пишете React, и здесь будет вот вот такие вот все правила. Это, конечно, так себе был вариант. Вот. Вот этот вот, наверное, будет получше, да? И, соответственно, вы копируете, возвращаетесь, вставляете сюда, всё это дело сохраняете. И теперь пишите вот так: "А, переделай проект. Переделай проект, используя rules.md". И сейчас он переделает весь проект из такого вот в такие вот правила. То есть это будет у нас по-любому React проект, где у нас будет использован Next.js, Redux, TypeScript и так далее. И вот он пишет: "Я понял, переработаю существующий проект, применяю из файла rules.md. Для этого я разберу задачу на соответствующие подзадачи". И вот он начал читать структуру проекта, начинает переделывать и так далее. Создаст, добавит React. Ну, я думаю, вы поняли. В чём суть дальнейшая.
Всем спасибо за просмотр. Надеюсь, видео вам пригодится. Оставьте комментарии, ставьте лайк, можете подписаться на Telegram-канал. М.