Перейти к содержимому

vite-plugin-vue-mcp

Vite-плагин для Vue, запускающий сервер для анализа компонентов, состояний, роутов и Pinia в приложении.

Vue
501 stars

Описание

Это плагин Vite для Vue-приложений, который интегрирует сервер для предоставления данных о структуре: дерево компонентов, состояния, роуты Vue Router и Pinia. Позволяет моделям ИИ (например, в Cursor) лучше понимать код, с возможностью просмотра, редактирования и подсветки элементов. Технологии: Vite, Vue 3, Pinia, Vue Router. Применения: улучшение разработки через ИИ-ассистентов, отладка и визуализация состояний.

Возможности

Получение дерева компонентов

Получает иерархию Vue-компонентов приложения.

Получение состояния компонента

Извлекает состояние конкретного компонента по имени.

Редактирование состояния компонента

Изменяет состояние компонента по пути, значению и типу.

Подсветка компонента

Визуально выделяет компонент в браузере по имени.

Получение информации о роутах

Извлекает данные о роутах Vue Router.

Получение дерева Pinia

Получает структуру сторов Pinia в приложении.

Получение состояния Pinia

Извлекает состояние конкретного стора Pinia по имени.

Установка

Установка: pnpm install vite-plugin-vue-mcp -D В vite.config.ts: import { VueMcp } from ‘vite-plugin-vue-mcp’; export default defineConfig({ plugins: [VueMcp()] }); Сервер доступен на http://localhost:[port]/__mcp/sse. Для Cursor плагин обновит .cursor/mcp.json автоматически.

Информация

Язык
Vue
Лицензия
MIT License
GitHub Stars
501

Ссылки