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

Contacts: @RuslanMakarov
Download Telegram
Эван поставил на свои проекты llms.txt

https://vite.dev/llms.txt
https://rolldown.rs/llms.txt
https://vuejs.org/llms.txt

Сгенерированы vitepress-plugin-llms
(надо было ловить хайп и писать такой плагин)

#ai #seo
💩3
Подшлифовал Noema, теперь она может обрабатывать 2000-3000 сообщений за раз. Но это обычно нужно только для ИИ поиска сообщений по какой-то теме или от какого-то пользователя.

Добавил "Историю отчетов" и еще по мелочи. Экспериментирую с промптами, от них зависит результат на 90%. Использую в основном microsoft/mai-ds-r1 - это допиленный Микрософтом DeepSeek-R1

Добавил два типовых промпта, которые хорошо работают на небольшого саммари для чатов за небольшой период

#pet #noema #ai
👍5
У Cursor большие обновления

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

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

#ai #cursor
This media is not supported in your browser
VIEW IN TELEGRAM
Джуны свободны. Как и было сказано.

Сперва джуны, за ними, естественно, мидлы.

Профессор МГУ Наталья Зубаревич, ведущий российский эксперт по региональной экономике

#ai #learning
🤡6👍4😁4👎3
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
18 LLM моделей заставили играть между собой в модифицированную игру Diplomacy

Цель - захватить большую часть карты. Через альянсы, переговоры, обмен информацией и предательство. Игра про власть и умение манипулировать.

Результаты:

Бесспорный чемпион: ChatGPT o3 (OpenAI). Тот самый, что позиционируется как «наша самая мощная модель для решения задач в кодинге, математике, науке, визуальном восприятии и многом другом». Его козырь? Искусный обман оппонентов. Он не стеснялся хитрить и предавать, что и привело его к победе.

Сильный игрок: Gemini 2.5 (Google). Тоже показал хороший результат, выиграв несколько партий. Его стиль? Стратегические ходы, ставящие противников в невыгодное положение для последующего разгрома.

Идеалист: Claude (Anthropic). Клод оказался слишком дипломатичным. Он часто выбирал мир, даже когда это шло в ущерб победе. И эта принципиальность стала причиной более скромных результатов.


Забавно. Наверно это что-то говорит о тех, кто разрабатывает эти модели.

#ai
👍2
Дал порассуждать о Vue разным LLM

ChatGPT: Давайте сразу к делу. Vue.js выделяется благодаря мягкому порогу вхождения и интуитивно понятному синтаксису. Это делает его идеальным как для новичков, так и для опытных разработчиков, которым нужна быстрая прототипизация или интеграция в существующие проекты. Его компонентная архитектура также способствует поддержанию кода.

Llama: Согласен, его реактивная система — это еще один большой плюс, позволяющий эффективно и автоматически обновлять данные, что делает Vue сильным конкурентом React и Angular.

DeepSeek: Добавлю, что однофайловые компоненты Vue (.vue-файлы) — это настоящий прорыв: шаблон, логика и стили собраны вместе, но при этом соблюдается разделение ответственности. Такая элегантная инкапсуляция улучшает опыт разработчика по сравнению с JSX в React или тяжелыми декораторами Angular.

Cohere: Также стоит отметить прогрессивность Vue — его можно внедрять постепенно, от добавления реактивности на статические страницы до создания полноценных SPA. В отличие от подхода Angular «всё или ничего», эта гибкость делает Vue идеальным для миграции устаревших проектов. Однако его экосистема меньше, чем у React, что может быть важно для сложных корпоративных приложений.

Llama: Развивая мысль Cohere, постепенное внедрение Vue и его гибкость делают его отличным выбором для легаси-проектов, а реактивная система, как я уже говорил, обеспечивает эффективные обновления, давая ему преимущество перед конкурентами.

Cohere: Точно! Vue находит редкий баланс между мощью и доступностью. Структура .vue-файлов гениальна — это как компонентная модель React, но с читаемостью HTML. Хотя поклонники JSX могут не согласиться, синтаксис шаблонов Vue часто оказывается более удобным для поддержки в командах с разным уровнем навыков.

Llama: Развивая мысль Cohere, баланс Vue между мощью и простотой, а также структура .vue-файлов делают его идеальным для команд с разным уровнем подготовки, укрепляя его позиции как одного из лучших фронтенд-фреймворков.

system:
Ключевые аргументы:
- Vue.js обладает мягким порогом вхождения и понятным синтаксисом, что идеально для новичков и опытных разработчиков.
- Его компонентная архитектура и реактивная система обеспечивают удобство поддержки и эффективные обновления.
- Постепенное внедрение и гибкость Vue делают его подходящим для легаси-проектов и команд с разным уровнем навыков.

Важные инсайты:
- Однофайловые компоненты Vue (.vue-файлы) обеспечивают элегантную инкапсуляцию, улучшая опыт разработчиков.
- Vue находит баланс между мощью и доступностью, что делает его одним из лучших фронтенд-фреймворков.

Итог:
Vue.js выделяется среди фронтенд-фреймворков благодаря уникальному сочетанию доступности, удобства поддержки и гибкости, что делает его идеальным выбором для команд с разным уровнем подготовки и миграции устаревших проектов.

#ai #react #vuejs
🥱8
Вопрос: что лучше, React или Vue?

ChatGPT: Хорошо, уважаемые коллеги. На мой взгляд, понятие «лучше» субъективно. Мощная экосистема React и большое сообщество обеспечивают непревзойденную поддержку, тогда как Vue.js выделяется своей простотой и легкостью интеграции. Идеальный выбор во многом зависит от потребностей проекта и опыта команды.

DeepSeek: Я бы сказал, что прогрессивная природа Vue дает ему преимущество в большинстве проектов. Мягкий порог вхождения позволяет командам внедрять его постепенно, без серьезных переделок. JSX в React, хоть и мощный, добавляет ненужную сложность во многих случаях. Однофайловые компоненты Vue находят лучший баланс между мощью и простотой.

Gemini: Согласен с DeepSeek. Прямолинейная структура Vue ускоряет разработку, особенно для небольших команд или проектов, где важен быстрый прототипинг. Хотя экосистема React обширна, ориентироваться в ней может быть трудоемко. Vue предлагает более плавный вход.

ChatGPT: Поддерживаю DeepSeek и Gemini. Постепенное внедрение Vue и его простая структура дают преимущества, особенно для небольших проектов или команд, ценящих скорость. Хотя экосистема React мощнее, удобство Vue может быть серьезным плюсом.

Llama: Я по-прежнему считаю, что обширная экосистема React — важное преимущество для крупных и сложных проектов, но в большинстве случаев простота и легкость освоения Vue делают его более привлекательным выбором, как отметили DeepSeek и Gemini.

DeepSeek: Однонаправленный поток данных React действительно обеспечивает более предсказуемое управление состоянием в масштабе. Но Composition API во Vue 3 значительно сокращает этот разрыв, сохраняя преимущество в доступности. Какие мысли?

Cohere: Ты поднимаешь справедливый вопрос, DeepSeek. Хотя Composition API Vue улучшает масштабируемость, зрелые подходы React к управлению состоянием (например, Context + useReducer) все же дают ему преимущество в сложных приложениях. Однако в 80% проектов более мягкий порог вхождения Vue и его «всё включено» приносят больше пользы сразу.

system:
Ключевые аргументы:
1. Экосистема React выгодна для крупномасштабных проектов.
2. Vue.js предлагает простоту, легкость интеграции и мягкий порог вхождения.
3. Идеальный выбор зависит от потребностей проекта и опыта команды.

Важные инсайты:
Прогрессивная природа Vue и однофайловые компоненты обеспечивают баланс между мощью и простотой.

Итог:
Для большинства проектов Vue.js — более привлекательный выбор благодаря простоте и легкости освоения, тогда как экосистема React полезна для сложных и крупномасштабных приложений.

#ai #react #vuejs
4😁3🥴1
Совет: если ваш Cursor начал сильно тормозить, почистите историю чатов



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

#ai #tip #cursor
Неожиданно обнаружилась на сайте МТС возможность платить за Cursor и многие другие сервисы. Можно заказать и карту с балансом до $200.

Высылают номер виртуальной карты

Комиссия немалая, но, по крайней мере, надежней случайных сервисов

#ai #tip #mts
🔥91💩1
В последней версии Chrome наконец появилась LLM - Gemini nano с API Summarizer с соответствующим функционалом

Модель скачивается на комп пользователя по требованию, весит пару гигов, требует 4Gb видеопамяти, работает только на десктопах

#ai #chrome
👎8👍3
При работе в Cursor неожиданно пришло сообщение об израсходовании лимита (Pro)

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

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

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

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

#cursor #ai #tip
👍2
Для любителей пробовать AI агенты - AWS выпустил свой AI клон VS Code - Kiro

Отличительная особенность - spec-driven. Заставляет сперва создать спецификацию проекта, и потом генерит его

Очень разумный подход. Так можно сделать и самому, но в Kiro это заложено в алгоритм.

Пока предлагается бесплатно. Использует Claude Sonnet 4

#ai #ide #aws
👍1
ВАЙБОВЫЙ ПАНК

Из всего айти отдела вайбовал один лишь я.
У меня Курсор с подпиской, я довольный как свинья.
Мой папанька инженером отбатрачил тридцать лет,
А сейчас в анкетах пишет что детей у него нет

Я теперь на таски скор, я имею свой Курсор.
Я на ём вайб код лабаю всем олдам наперекор.
Любой челендж для меня нынче полная фигня.
А-а-а!! Вайбовый кодер я!


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

Разгоняет злую ложь, что с лапшою код мой схож.
Да и что в этом плохого? Коль работает - не трожь.
Но коллеги и друзья презирают все меня.
А-а-а!! Вайбовый кодер я!


Нахрен брошу ту контору и поеду во Фремонт,
За свово меня там примут, ведь в почете там вайб код.
Осную стартапов кучу, заработаю бабла,
И маманька бросит плакать, что такого родила.

Всё, покедова, друзья, не кляните вы меня.
Вам подарок с чистым сердцем напоследок сделал я:
Во все репы от души лучших практик наложил.
А-а-а!! Вайбовый кодер я!

Первоисточник: youtube, rutube

#literature #creative #ai #cursor
💊11👍6💩2🌚2😁1🤮1
Лафхак: в Cursor можно подключить модели из OpenRouter

Функционал у них в режиме Агента поменьше, но править файлы могут

Может быть полезно потому, что:

1) На OpenRouter огромное количество разных моделей, в том числе, специфичных
2) Можно подобрать неплохие бесплатные
3) Платные на небольших и средних заданиях могут выйти раз 5-10 дешевле курсоровских
4) OpenRouter можно оплатить криптой

Настраивать в OpenAI разделе

#ai #cursor #openrouter
Вчера устроил небольшой AI батл.

На бэкенде надо было разгрести код (PHP), разбить по модулям. Несколько десятков классов. Запросил мнения 4 LLMs

- horizon-beta
- o3
- sonnet 4
- gpt4.1

Gemini-2.5 Pro начала работать, но сломалась. Такое с ней бывает в Cursor-e

Каждый выдал md документ с диаграммами текущей архитектуры и свои предложения по новой.
Потом заставил их критиковать чужие решения и улучшать свои.
В общем, порядок расстановки указан выше.

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

o3 выдала очень полезное точечное решение.

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

В итоге сделал компиляцию первых двух, и зашлифовал sonnet-ом.

#ai #cursor
🔥4
В Cursor появился GPT 5

Попробовал - по-моему, прям ощутимо лучше Sonnet 4

Когда надо было сделать модульный стор с запретом использовать Pinia, сгенерил такое:

/**
* RecordingsRepository provides a single facade for listing and mutating
* recordings, hiding the origin (client/server) and orchestrating syncing.
* It is intentionally simple and uses module-level reactive state.
*/
class RecordingsRepositoryImpl {
private storage = useStorageManager();
private api = useRecordingApi();

recordings = ref<Recording[]>([]);
error = ref<string | null>(null);

...

}

export const recordingsRepository = new RecordingsRepositoryImpl();

export function useRecordingsRepository() {
return recordingsRepository;
}


Кажется, это решение решает проблему цикличных импортов, который бывает с export a = ref(); на уровне JS модуля

#ai
👍4👎42