Забудьте про Cursor: Створіть потужнішого AI-розробника у VS Code безкоштовно!

Відмова від 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

1. Відкрийте VS Code.
2. Перейдіть на вкладку “Extensions” (Розширення).
3. Введіть “Continue Dev” у пошуку.
4. Натисніть “Install” (Встановити).

Після встановлення ви побачите іконку Continue Dev на бічній панелі. Натисніть на неї.

Крок 2: Налаштовуємо модель для Continue Dev

1. У інтерфейсі Continue Dev натисніть “Model”.
2. Натисніть “Add”.
3. Виберіть потрібного провайдера (наприклад, Anthropic).
4. Введіть свій API-ключ і виберіть модель.

Тепер ви можете спілкуватися зі своїм AI-помічником, додавати файли коду і обговорювати їх. Ви також можете генерувати код прямо в чаті або у файлі за допомогою комбінації клавіш Command + I.

Крок 3: Автозавершення коду з локальною моделлю (найкращий варіант!)

Я рекомендую використовувати локальну модель через AMA для автозавершення коду. Я використовую Qwen 2 1.5B через AMA, тому що вона найкраще працює для мене.

1. Перейдіть на сайт AMA і завантажте версію для вашої операційної системи.
2. Після встановлення перейдіть на сторінку моделей і виберіть ту, яку хочете використовувати для автозавершення (у моєму випадку це Qwen).
3. Скопіюйте команду встановлення і вставте її в термінал.
4. Після встановлення надішліть пробне повідомлення, щоб перевірити, чи все працює.
5. Відкрийте Continue Dev і натисніть на іконку налаштувань.
6. Прокрутіть вниз до вкладки “Autocomplete” і змініть назву моделі на ту, яку ви хочете використовувати.
7. Збережіть налаштування.

Тепер автозавершення коду має запрацювати!

Крок 4: Додаємо багатофайлове редагування з Claud Dev

1. Перейдіть на вкладку “Extensions” у VS Code.
2. Введіть “Claud Dev” у пошуку.
3. Натисніть “Install”.

Після встановлення ви побачите іконку Claud Dev на бічній панелі. Натисніть на неї.

Крок 5: Налаштовуємо Claud Dev

1. У інтерфейсі Claud Dev перейдіть до налаштувань.
2. Введіть свій API-ключ. Ви також можете використовувати OpenRouter, якщо хочете використовувати іншу модель, окрім моделей Anthropic.
3. Збережіть налаштування.

Тепер ви можете вводити будь-який запит, і 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”. Поставте лайк і підпишіться на мій канал. До зустрічі у наступному відео!