2. 配置 Cursor:在项目根目录下创建一个.cursor/mcp.json文件,vite-plugin-vue-mcp 插件会自动为您更新该文件。 3.发送请求:在 Cursor 中,通过 MCP 协议向 MCP 服务器发送请求,例如get-component-tree,以获取 Vue 应用的组件树结构。 Vite 接入 AI 的意义 Vite 成为首个接入 AI 的构建
Tracer for the source code of elements and vdoms in Vue SFC. This is a designed to be a replacement ofvite-plugin-vue-inspectorwith a new approach, that utilize Vite's internal source map to resolve the source location, without injecting data-attributes to the DOM. This plugin is also de...
// vite.config.jsimport{ClientSideLayout}from'vite-plugin-vue-layouts'exportdefault{plugins:[ClientSideLayout({layoutsDir:'src/mylayouts',// default to 'src/layouts'defaultLayout:'myDefault',// default to 'default', no need '.vue'importMode:'sync'// The default will automatically detect -...
npm install vite-plugin-svg-icons --save npm install fast-glob --save 在vite.config.js配置 import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'import{createSvgIconsPlugin}from'vite-plugin-svg-icons';importpathfrom'path'function resolve(dir) {returnpath.join(__dirname, dir) }/...
{"compilerOptions": {"types": ["vite-plugin-vue-gql/client"] } } Usage Instead of import your functions from@urql/vueyou should now import them from thevqlpackage. import{useQuery,useMutation,useSubscription}from'vql' <gql>tags can have the following attributes,query(not required),mutation,...
vite-plugin-vue-mcp 插件:Vite 接入 AI 的关键 vite-plugin-vue-mcp 是一个专为 Vue 应用设计的 Vite 插件,它通过启用 MCP 服务器,帮助模型更好地理解 Vue 应用程序。 这个插件的主要功能包括: 提供一个服务器,用于访问 Vue 组件树。 获取特定组件的状态。
vite-plugin-vue-layouts 通常是配合 unplugin-vue-router 一起使用的! 使用流程 1. 安装 vite-plugin-vue-layouts npm i -D vite-plugin-vue-layouts 1. 2. vite 配置中导入 vite.config.ts import Layouts from 'vite-plugin-vue-layouts' 1. ...
$ npm install -D vite-plugin-vue-layouts Add to yourvite.config.js: importVuefrom'@vitejs/plugin-vue';importPagesfrom'vite-plugin-pages';importLayoutsfrom'vite-plugin-vue-layouts';exportdefault{plugins:[Vue(),Pages(),Layouts()],};
npm install vite-plugin-vue2 -D // vite.config.jsimport{ createVuePlugin }from'vite-plugin-vue2'exportdefault{plugins: [ createVuePlugin(/* options */) ], } Options vueTemplateOptions Type:Object Default:{ compilerOptions :{ whitespace: 'condense' } } ...
'vite-ssg-sitemap' import Layouts from 'vite-plugin-vue-la youts' import Components from 'unplugin-vue-compo nents/vite' import Markdown from 'vite-plugin-vue-ma rkdown' import VueI18n from '@intlify/ unplugin-vue-i18n/ vite'