Vue-FAQ
937 subscribers
571 photos
91 videos
562 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
Поставил рекламируемый AI IDE Cursor , задал одинаковый вопрос "increase fom=те size in vs code" ему и Codeium. Последний однозначно выиграл с комбинацией клавиш.

Это Cursor с gpt-4o. При переключении на claude-3.5-sonnet (он позволяет выбирать LLM) про клавиши сказал, про settings.json забыл.


Попробовал более кодерский промпт: "add new view "TestView.vue" with corresponding route"

Оба справились более-менее. Cursor пишет код детальней, по шагам, даже чересчур. Основной плюс - есть подсветка в коде во Vue файлах. Но пока не видно, чем он ощутимо лучше Codeium.

Тестировались бесплатные версии.
Продолжаем наблюдение.

#ai #codeium #cursor
👍4
Vue-FAQ
Поставил рекламируемый AI IDE Cursor , задал одинаковый вопрос "increase fom=те size in vs code" ему и Codeium. Последний однозначно выиграл с комбинацией клавиш. Это Cursor с gpt-4o. При переключении на claude-3.5-sonnet (он позволяет выбирать LLM) про…
Погорячился я с выводами, Cursor действительно нечто иное.
Особенно его Composer - он может сам изменять разные файлы в проекте. Не сказать, чтобы прям за тебя всё кодит и думать не надо, но помогает неплохо.

Например, жмешь Ctrl+I , пишешь: @Codebase улучши стили BaseButton

Конечно, давайте улучшим стили для компонента BaseButton. Вот обновленный код с улучшенными стилями:

Основные изменения и улучшения:
- Добавлены новые пропсы: type для разных стилей кнопок и size для разных размеров.
- Добавлен проп disabled для отключения кнопки.
- Улучшена структура CSS с использованием классов для типов и размеров.
- Использованы переменные цветов из вашей темы для согласованности с общим дизайном.
- Добавлены эффекты при наведении и фокусировке для улучшения пользовательского опыта.
- Улучшена доступность с помощью стилей для :focus-visible.
- Добавлены стили для отключенного состояния кнопки.
- Эти изменения сделают ваш BaseButton компонент более гибким и соответствующим современным стандартам дизайна пользовательского интерфейса. Теперь вы можете использовать кнопку с разными типами и размерами, например:

<BaseButton type="primary" size="large">Большая основная кнопка</BaseButton>
<BaseButton type="secondary" size="medium">Средняя вторичная кнопка</BaseButton>
<BaseButton type="text" size="small">Маленькая текстовая кнопка</BaseButton>

- Не забудьте обновить использование компонента в других частях вашего приложения, если вы добавили новые пропсы.


Жмешь Accept All и всё. На сохраненном времени одной этой генерации он отрабатывает свою месячную зарплату на Pro тарифе.

Хотя, type у HTML button - зарезервированный атрибут, и тут он неудачно сделал. Так что, ползарплаты.

Интеграций с Вебштормом и другими IDE с закрытым кодом, скорей всего, не будет, потому что их Plugin API вряд ли позволяет так глубоко интегрироваться.

#ai #cursor
👍9
Свершилось

Codeium форкнул VS Code и делает альтернативу Cursor - Windsurf Editor. Уже можно загрузить и попробовать.

Codeium, начавшийся как проект пары индусов, сделавших расширение для VS Code для интеграции AI агента, дорос до полноценного хед-офиса в Кремниевой долине с большим количеством индусов и своего продукта.

AI агент как расширение IDE сильно ограничен в функционале, поэтому нужна бОльшая интеграция в IDE. Это реально имеет значение. И теперь у Codeium есть аналог курсоровского Composer-а - Cascade - киллер-фича подобных систем.

У Codeium были отдельные преимущества перед Cursor, со "своим" IDE он вполне может его обойти.

Cursor как-то сильно ограничил и закрыл функционал в своей бесплатной версии в последнее время. Codeium же всегда давал очень много в своей бесплатной версии, а Pro стоит в два раза дешевле, чем у Cursor.

Также большой минус Cursor - сильное отставание от выхода новых версий VS Code, до трех месяцев. Посмотрим, как с этим будет у Codeium.

#au #cursor #windsurf
🔥10👍1
Лайфхак

Если у вас закончилась триальная подписка на Cursor, зайдите в него с другого Googlе аккаунта

#ai #cursor #tip
😁4
У Cursor AI в Composer на прошлой неделе (вроде) появилась сильная фича - теперь когда он делает инкрементные изменения в коде, то после каждого шага проверяет ошибки линтинга и исправляет их перед тем, как приступить к следующему действию.

Это помогает не уйти в полные дебри при генерации.

#ai #cursor
Полезные советы при разработке с IDE AI агентами от @vuefaq.

1. Используйте по возможности системный промпт. Cursor позволяет иметь .cursorrules файл, в котором можно прописать основные установки по проекту. Пример файла.
Напишите свой и попросите AI улучшить его. Автокомплит его плохо видит, но чат и composer - вполне. По крайней мере, свою CSS дизайн систему и компоненты использует четко.

2. Научитесь азам promp-engineering. Это полезно и при разработке, и при диалогах с обычными чатботами. От простого few-shots prompt эффективность результата может вырасти в разы. Не надо винить AI в тупости, если вы не умеете формулировать вопрос на языке, который ему более понятен.

3. Используйте сильные стороны AI. Он может хорошо сгенерить новый компонент, новый микросервис, добавить функционал, сделать i18n перевод, дать совет по какой-то лучшей практике в определённой области, рефакторить, делать рутинные задачи, писать тесты, но не так хорошо работает на больших изменениях с существующим кодом. Также может с нуля нагенерировать плохой неоптимальный код на нестандартных задачах (в таких случаях, необходимо давать максимально подробную информацию о контексте задачи).

4. Используйте его как консультанта перед реализацией какой-то задачи. Задайте несколько вопросов в чате, как что-то можно сделать (с использованием вашего кода как контекста), проанализируйте варианты, выберите подходящий и дальше в composer начните постепенно его реализовывать, руководя процессом. Стратегически важные вопросы задавайте также разным внешним системам - Gemini, ChatGPT, DeepSeek. Иногда кто-то один даёт явно более лучший ответ.

4.1. Вместо «Напиши такой-то модуль» используйте цепочку:
- Проектирование API
- Реализация core-логики
- Добавление обработки ошибок
- Интеграция с существующим кодом
- Оптимизация производительности

5. AI - не старик Хоттабыч, он не творит чудеса. Более того, он очень тупой. Тупой инструмент. Но сильный. Управление им это как управление двухтонным ковшом экскаватора - можно быстро сделать много полезного, и можно быстро сделать кучу плохого (со своим кодом). Которую потом будешь долго разгребать.

6. AI хорошо генерит комментарии и документацию. Можете добавить сразу VitePress к проекту и поддерживать его техническую документацию.

7. При использовании AI сервисов в приложении используйте структурированные (JSON) ответы. Не все это умеют, но последняя 4o-mini, например, умеет (по JSON-scheme). С учетом цены на нее, она очень полезна для парсинга документов или картинок, скажем, из которых предварительно можно вытащить текст конвенциональными методами (pdf2text и OCR).

8. Пробуйте разные модели. Причем, разные модели для разных случаев. Дороже ≠ лучше.

9. Переиспользуемые промпты можно хранить в отдельных текстовых файлах.
Также, научитесь использовать структурированные промпты при необходимости, например:

/analyze-tech-debt 
--focus=duplication,complexity 
--suggest-refactoring


Для современных LLM они, часто, предпочтительней для простых задач.

10. Почитайте документацию к вашей LLM и лучшие практики. Ваша продуктивность ( => стоимость как разработчика) может возрасти в несколько раз с этим инструментом. Потратьте время на то, чтобы научиться им эффективно пользоваться.

#ai #tip #ide #cursor
👍20
DeepSeek R1 была доступна в Cursor AI уже 23 января, оказывается

Надо было в сеттингах просто включить

#ai #cursor
Маленький кубик - волшебная иконка в Cursor при поиске

Открывает все найденные файлы в Composer и можно сразу с ними что-то делать / использовать как контекст

#ai #cursor #tip
2
[де]-Генеративный AI в действии.

Кто-то мог представить 7 лет назад, что создадут такую абсолютно безмозглую махину, которая так хорошо умеет повторять сочинять тексты? Хотя Пелевин в середине 2010-ых об этом уже вроде писал...

У Claude вышел Sonnet 3.7, который считается лучшей LLM для программерских задач. Она уже появилась в Cursor, который последнюю неделю что-то очень сильно колбасит - кодогенерит чушь. На их форуме полно жалоб, я тоже агентом временно перестал пользоваться.

Тем не менее у Cursor на днях тоже должно появиться большое обновление - версия 0.46. Довольно много изменений. Чат и Composer совместили, улучшены MCP поддержка и сам Агент.

Ну и вот хороший сайт для мастеринга AI промптов

Грамотно составленный промт очень сильно повышает качество результата как при использовании AI программно, так и в простом чатботе.

#ai #cursor #ide
🤝3👍2
Вышел Cursor 0.46 сразу с семью патчами.

Изменений действительно хватает. Сделали более гранулярную работу с контекстом. Совместили чат, композер, баг чего-то там в одно окно, но все равно с выбором режима. Про режимы - в доке.
Работает, вроде, стабильно.

Claude-3.7-sonnet-thinking очень круто принимает во внимание твой контекст и генерит качественный код. За пару часов можно интегрировать YooKassa на фронт и бэк или настроить e2e Playwright тестирование.

В то же время более дешевый Claude-3.7-haiku как будто специально сделали глупей.

#au #cursor #ide
💩3🔥2
У Cursor большие обновления

- "Автокомплит" теперь может работать с несколькими файлами (рефакторинг)
- Можно делать воркспейс с несколькими проектами, .cursor/rules у каждого свои будут
- Правила можно генерить напрямую
- Можно в контекст засунуть всю кодовую базу и много другого

Тем не менее агент их местами тупит нереально, как робопылесос, утыкающийся в тапок на ровном месте...

#ai #cursor
Cursor дорос до 1.0.0 версии

Обнов много - memories, review PR-ов, MCP в один клик, диаграммы и таблицы в ответах в чате и другое

Вообще, это IDE довольно быстро развивается последние недели и, тьфу-тьфу-тьфу, более-менее стабильно работает

#ai #cursor
6🤮1
Несколько месяцев назад Cursor (и другие, наверно, тоже) научились работать с линтером, за один прогон исправляя ошибки

Можно пойти дальше - попросите Cursor написать и использовать тестовый скрипт для проверки некого функционала (без каких либо тестовых библиотек), который вы ему заказали. Тогда агент будет в цикле сам запускать этот скрипт, который будет проверять правильность уже проектного кода, ставить логи, изучать ошибки и исправлять их, пока всё не пофиксит. Часто он делает это сам.

Экономия времени и кредитов.

(не для vue, для js, py, php etc).

P.S. В новом Курсоре появилась фича Run agent in Clouds, включенная по умолчанию, из-за которой редактор начинает жутко тормозить. Можно отключить.

#ai #cursor #tip
3
Совет: если ваш Cursor начал сильно тормозить, почистите историю чатов



На днях Anthropic опубликовала длинный документ, в котором описывает, как его сотрудники используют Claude Code. Можно рассматривать, как полезные советы при работе с AI.

#ai #tip #cursor
Cursor тут выкатил свои рекомендации, почему Vue SFC файлы должны быть не более 250 строк в диаметре

#cursor #sfc
🤣31🌚1
При работе в Cursor неожиданно пришло сообщение об израсходовании лимита (Pro)

Полез смотреть - они изменили условия подсчета запросов. Но в настройках есть кнопка "Вернуться к прошлому биллингу", после которого показало расход всего 75 запросов из 500. Странные движения, они уже рассылают письма с извинениями, но, возможно, рано или поздно перейдут на новый метод.

Тем временем опробовал новое использование Курсора. Нужно было составить юридический документ. Открыл папку Obsidian с нужными ресурсами и сгенерил и отредактировал в Курсоре с ссылками на файлы и сложными промптами. Намного удобней чатботов. И тут gpt4.1 явно лучше Sonnet.

Obsidian rules в плане формата своей базы, и вообще.

Так же надо было заполнить на одном сайте заявку в виде сложной многостраничной формы. Скопировал html страниц, перегнал Курсором в md, добавил файлы инструкций, положений, правил и т.п. и затем уже заполнял запросами.

#cursor #ai #tip
👍1