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

Contacts: @RuslanMakarov
Download Telegram
Новости от Volar

Уже две недели в его репозитории идет работа над пул риквестом с названием: "feat: migrate to TS plugin and deprecate takeover mode #3788".

Таким образом, идет миграция Volar-a с VS Code extension в TS plugin, что должно позволить улучшить опыт разработчика в других редакторах.

Интересно отметить, что Volar также пытается отпочковаться от Vue экосистемы и стать универсальным The Embedded Language Tooling Framework.

#volar #ide
AI помощник Codeium (бесплатный аналог Copilot) показывает статистику своей помощи в непосильной программерской работе.

Нормально помог.

#codeium #ide
Если в VS Code у вас отключено автоматическое обновление редактора или стоит firewall, запрещающий такие запросы, то в один момент Volar или Eslint могут просто перестать работать, потому что их новая версия требует последних версией VS Code (и это случается далеко не редко). Об этом будет краткая запись в output логах Eslint.

Можно потратить кучу времени, пытаясь определить, что сломалось. Логи VS Code - очень полезная штука.

#vscode #volar #eslint #ide
Еще один пример как Volar может сломаться при обновлении / не обновлении VS Code

Intellisense перестает работать во вновь созданных Vue файлах.

#volar #vscode
This media is not supported in your browser
VIEW IN TELEGRAM
По совету Эвана поиграл с bolt.dev

Забавно

#ai #ide
This media is not supported in your browser
VIEW IN TELEGRAM
Glyph

Правильный редактор на Rust и OpenGL

#ide
Полезные советы при разработке с 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
За что я ценю VS Code больше всего - за закрытие гештальта.

Всю жизнь у меня было неприятное ощущение, что какой-бы [относительно] мощный комп у меня ни был, средства разработки на нем всё равно тормозили. Казалось, так будет всегда, и это просто правило.

VS Code сломал это правило несколько лет назад.

С продуктами JetBrains же просто парадокс какой-то.

IDE на Java стали писать как только она появилась. И вот с 2000 года Java не поменялась особо, JVM не поменялись, код для написания IDE примерно тот же, использующий те же библиотеки. Поменялось железо - раз так в 1000 стало мощней суммарно. А тормозит такой IDE так же, как и тогда...

#vscode #ide #jetbrains
[де]-Генеративный AI в действии.

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

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

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

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

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

#ai #cursor #ide
Еще один игрок на рынке AI IDE на Gemini 2 - codeassist.google

Расширения для VS Code и JetBrains
Автокомплит и чат
Вроде неплохой бесплатный план

——

А вот чувак попробовал 36 разных AI IDE и агентов для кодинга

Создавал приложения, делал описательные видео

#ai #google #ide
Вышел Cursor 0.46 сразу с семью патчами.

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

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

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

#au #cursor #ide
Техническую документацию часто оформляют как отдельный репозиторий. Но сейчас удобней ее иметь в каждом проекте, чтобы генерить с помощью AI доку из контекста текущего репозитория.

Кроме монорепы, git submodules и других наворотов для решения этой задачи есть еще один - `ln -s`

Символьная ссылка на docs директорию в другие проекты не захламляет git, но тот же Cursor отлично видит её содержимое.

Параллельное составление актуальной документации полезно еще и тем, что IDE AI может использовать ее как часть контекста (не надо по 10 раз объяснять, как тут что работает)

Так же IDE AI можно научить при необходимости обновлять документацию после каждого рефакторинга

#ai #ide #documentation