Відмова від Cursor: Збираємо власного AI-помічника в VS Code (і він кращий! )
Останнім часом, куди не глянь, всюди тільки й розмов про Cursor. Відверто кажучи, здається, кожен другий твіт чи відео на YouTube присвячені цій IDE. Але чи справді вона така незамінна? Що, як я скажу вам, що можна зібрати щось краще, дешевше і з повним контролем над вашими даними прямо у вашому VS Code? Цікаво,
Я не хочу применшувати Cursor, але мене турбує, бачите, що коли виходять дійсно потужні інструменти, як Aider або навіть Claud Dev, про них не говорять так активно. Зрозуміло, складається враження, що багато хто з захоплених Cursor просто не знають, як працювати з GitHub і використовувати щось, що не подається на тарілочці за 20 доларів на місяць.
варто пам’ятати, що Cursor – це, по суті, форк VS Code, одного з найкращих open-source редакторів. Чесно кажучи, насправді, величезна спільнота розробників невпинно працює над його вдосконаленням, і тут з’являється Cursor, бере цей проєкт, додає до нього платні AI-фішки і починає продавати. Як на мене, це не зовсім чесно. Було б принаймні круто, якби проєкт був оригінальним.
Але не будемо про сумне. Фактично, сьогодні я покажу вам, як уявіть собі, легко налаштувати щось навіть краще за Cursor у вашому VS Code. Ви зможете контролювати свої дані, використовувати локальні моделі, мати безліч можливостей для налаштування. Простіше кажучи, і не хвилюватися про те, що ваші дані використовуються для навчання чужих AI-моделей.
Звісно, є начебто, бачите, ще Zed, про який я багато розповідала у своїх відео. Це дійсно крутий open-source редактор, який нещодавно отримав AI-функції. Але він поки що не вміє працювати з кількома файлами одночасно, що може бути незручним. Оскільки нам потрібна саме ця функція, ми будемо використовувати базовий VS. Code і кілька чудових open-source розширень, щоб створити свого власного “Cursor-клона”. До речі,
Отже, наш основний редактор – VS Code. Фактично, а ось і розширення, які розумієте, допоможуть нам перетворити його на щось неймовірне:
- Continue Dev: Для автозавершення коду і простого спілкування з AI-помічником. Справа в тому, що це одна з найкращих альтернатив Copilot, і вона open-source!
- Claud Dev: Для багатофайлового редагування. Це розширення дозволяє підключитися до Claude або будь-якої іншої моделі через OpenRouter і генерувати дивовижні програми. (Якщо у вас виникнуть проблеми з AMA, можете замінити Claud Dev на Aider, хоч це і не розширення для VS Code, але його легко використовувати через термінал. )
Покрокова інструкція зі створення супер-IDE:
Крок 1: Встановлюємо Continue Dev
- Відкрийте VS Code.
- Перейдіть на вкладку “Extensions” (Розширення).
- Введіть “Continue Dev” у пошуку бо
- Натисніть “Install” (Встановити).
Після встановлення ви побачите іконку Continue Dev на бічній панелі. Фактично, натисніть на неї.
Крок 2: Налаштовуємо модель для Continue Dev
- У інтерфейсі Continue Dev натисніть “Model”.
- Натисніть в принципі, “Add” тому
- Виберіть потрібного провайдера (наприклад, Anthropic), якось так.
- Введіть свій API-ключ і виберіть модель. Більше того, до речі,
от,
Тепер ви можете спілкуватися зі своїм AI-помічником, додавати файли коду і обговорювати їх. Ви також можете генерувати код прямо в чаті або. У файлі за допомогою комбінації клавіш Command + I
. Безумовно,
Крок 3: Автозавершення коду з локальною моделлю (найкращий варіант! )
Я рекомендую використовувати локальну модель через AMA для автозавершення коду. Я використовую Qwen 2 1. 5B через AMA, тому що вона найкраще працює для мене.
- Перейдіть на сайт AMA і завантажте версію для вашої операційної системи. Щоб було ясно,
- Після встановлення перейдіть на сторінку моделей і виберіть ту. Яку хочете використовувати для розумієте, автозавершення (у моєму випадку це Qwen).
- Скопіюйте команду встановлення і вставте її в термінал.
- Після встановлення надішліть пробне повідомлення, щоб перевірити, чи все працює.
- Відкрийте Continue Dev і натисніть на іконку налаштувань.
- Прокрутіть вниз до вкладки “Autocomplete” наприклад, приблизно, і змініть назву моделі на ту, яку ви хочете використовувати.
- Збережіть налаштування оскільки
слухайте,
Тепер автозавершення коду має запрацювати!
Крок 4: Додаємо багатофайлове редагування з Claud Dev
- Перейдіть на вкладку “Extensions” у VS Code.
- Введіть “Claud Dev” у пошуку і
- Натисніть “Install”.
Після встановлення ви побачите іконку Claud Dev на бічній панелі. Натисніть на неї.
Крок 5: Налаштовуємо Claud Dev
- У інтерфейсі Claud Dev перейдіть до налаштувань. Простіше кажучи,
- Введіть свій API-ключ. Чесно кажучи, ви також можете використовувати OpenRouter, якщо хочете використовувати іншу модель, окрім моделей Anthropic. Справа в тому, знаєте, що
- Збережіть налаштування, приблизно так.
Тепер ви можете вводити будь-який запит. І Claud Dev автономно створить або змінить ваш код. Справа в тому, що
Приклад: Створюємо гру “Сапер”
Давайте попросимо Claud Dev створити просту гру “Сапер” з використанням HTML, CSS і JavaScript.
Введіть запит і відправте його. Claud Dev почне працювати, запитуючи підтвердження для кожної дії. Зрозуміло, перегляньте код, який він згенерував, і затвердьте зміни. Після завершення Claud Dev запропонує команду для запуску програми.
Вуаля! У вас є готова гра “Сапер”, створена вашим AI-помічником. Безумовно,
Чому це краще за Cursor?
Я вважаю, що тепер у вас є все, що пропонує Cursor, і навіть більше, і все це безкоштовно. Claud Dev чудово справляється зі створенням і редагуванням коду, а Continue Dev – для простих завдань Copilot. VS Code набагато більш гнучкий у налаштуванні і простіший у використанні.
Багато хто може сказати, що це коштуватиме дорожче, ніж Cursor. Але я хочу пояснити дещо важливе. Claud Dev підтримує кешування запитів, що робить використання Claude 3. 5 Sonnet надзвичайно дешевим для багатьох завдань проте кешування дозволяє ефективно використовувати ваш код. Безумовно, наприклад, створення гри знаєте, “Сапер” коштувало мені всього 7 центів!
Cursor навіть обмежує використання Claude кількістю 500 запитів на місяць, після чого він стає дуже повільним, в такому дусі. Простіше кажучи, ви припустимо, завжди уявіть собі, можете налаштувати модель, яку використовуєте. Наприклад, Cursor пропонує малу і велику модель з обмеженою квотою використання для кожної. У малій моделі ви можете використовувати щось на зразок GPT-4o mini. Або Gemini Flash, які значно дешевші і пропонують безкоштовне використання з обмеженнями.
Тому я не думаю, що Cursor дешевше. Відверто кажучи, порахуйте самі! Цікаво, і використовуйте можливості цих інструментів, перш ніж робити поспішні висновки.
Ця уявіть собі, конфігурація може бути навіть дешевшою за Cursor. А якщо ви не програміст-фанатик, то це взагалі чудовий варіант. Вам не потрібно платити 20 доларів щомісяця, а. Лише тоді, коли ви дійсно використовуєте ці інструменти. І ви можете масштабувати свої потреби без постійної необхідності переходу на дорожчий план.
Висновок
дивіться,
я вважаю, що це чудовий варіант для тих, хто хоче отримати. Максимум від AI-помічника в коді без обмежень і з повним контролем над своїми даними. Ви можете зробити його ще дешевшим або навіть безкоштовним, використовуючи Gemini. Flash у Continue Dev і щось дешевше через OpenRouter у Claud Dev.
уявіть собі,
Поділіться своїми думками в коментарях! Якщо вам сподобалося це відео, підтримайте мій канал. Через Super Thanks або станьте спонсором, натиснувши кнопку “Join”. Поставте лайк і підпишіться на мій канал хоча до зустрічі у наступному відео!