搜索结果: "vue"
Context7MCP使用模式Skill context7-usage
Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容，支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗，提升开发文档查询的精确度和速度，是程序员和AI助手进行技术文档检索的优化解决方案。关键词：Context7 MCP，文档检索，库文档查询，AI开发工具，编程文档索引，令牌优化，技术栈支持。
Nuxt内容管理技能Skill nuxt-content
Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件，用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词：Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。
页面构建器设计Skill design-page-builder
这个技能用于设计和实现模块化的页面构建系统，支持组件化、槽位布局和块状编辑，适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构，提升编辑体验和开发效率。关键词：模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。
UI组件迁移器Skill ui-component-migrator
UI组件迁移器是一款用于在不同前端框架（如React、Vue、Angular）之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移，支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器，实现高效、准确的框架迁移，减少手动重构工作量，提升前端项目现代化升级效率。
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。
SlidevSkill slidev
Slidev是一款面向开发者的现代化演示文稿制作工具，基于Vite、Vue和Markdown构建。它支持实时代码演示、语法高亮、交互式组件、数学公式、图表绘制和演讲录制，能够将技术文档、会议演讲和教学材料转化为精美的Web幻灯片，并支持导出为PDF、PPTX等多种格式。
shadcn-vueVue组件库Skill shadcn-vue
shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库，基于Reka UI和Tailwind CSS，提供可访问、可自定义的组件，如自动表单、数据表格、图表等，并支持黑暗模式和TypeScript。关键词：Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript
Vue最佳实践Skill vue-best-practices
这是一个专注于Vue.js 3框架开发最佳实践的技能包，特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案，用于提升Vue组件开发的健壮性和开发效率。核心功能包括：Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词：Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。
Vue测试最佳实践Skill vue-testing-best-practices
本技能是关于Vue.js前端框架的测试最佳实践指南。它系统性地介绍了如何为Vue 3项目搭建测试环境（推荐使用Vitest），涵盖了组件测试、可组合函数测试、状态管理（Pinia）测试、异步组件测试以及端到端测试（推荐使用Playwright）等核心场景。针对测试中常见的陷阱，如竞态条件、快照测试的局限性、Teleport组件测试等，提供了具体的解决方案和模式。关键词：Vue.js测试，Vitest，Vue Test Utils，组件测试，端到端测试，Playwright，Pinia，异步测试，测试模式。
VueUse函数Skill vueuse-functions
VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具，旨在通过预制的composable函数简化开发流程，提高代码的可读性和维护性。
前端组件生成器Skill frontend-component
自动化生成React/Vue组件，包括TypeScript定义、测试和样式，遵循最佳实践，提高开发效率。
RuoYi代码生成器Skill ruoyi-code-generator
RuoYi代码生成器是一个自动化工具，它能够根据用户提供的数据表信息（表名、字段定义）自动生成完整的CRUD代码，包括Java后端代码、MyBatis XML映射文件、Vue前端代码和菜单初始化SQL。这个工具适用于创建新模块、添加业务功能、以及根据表结构生成代码等场景，极大地提高了开发效率和代码质量。