搜索结果: "vue"
文档站点生成器Skill docs-site-generator
文档站点生成器是一款自动化工具，用于快速构建和部署技术文档网站。它支持Docusaurus、MkDocs和VuePress三大主流框架，提供主题定制、搜索集成（Algolia/本地）、版本控制、多语言支持和侧边栏自动生成等功能。适用于API文档、架构设计文档、可观测性文档等场景，帮助开发团队高效管理和发布技术内容。关键词：文档生成、Docusaurus、MkDocs、VuePress、技术文档、静态站点、搜索集成、版本控制、多语言、自动化部署。
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。
Vue开发技能Skill vue-development
Vue 3开发技能，专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导，包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词：Vue 3开发，组合式API，TypeScript集成，前端框架，响应式编程，组件化开发，Vue Router，状态管理，前端架构
PiniaSkill pinia
Pinia是Vue.js官方状态管理库，提供类型安全、可扩展的状态管理解决方案。本技能涵盖Pinia核心概念、功能特性、最佳实践及高级应用，帮助开发者掌握Vue应用状态管理、存储定义、响应式数据处理、插件开发、SSR集成、单元测试等关键技术。适用于Vue 2/3项目开发，提升前端应用架构质量。
shadcn-vueVue组件库Skill shadcn-vue
shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库，基于Reka UI和Tailwind CSS，提供可访问、可自定义的组件，如自动表单、数据表格、图表等，并支持黑暗模式和TypeScript。关键词：Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript
TypeScript打包工具Skill tsdown
tsdown是一个基于Rolldown和Oxc的TypeScript打包工具，用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景，提升开发效率和代码质量。关键词：TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。
Storybook组件开发助手Skill storybook
Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。
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-router最佳实践Skill vue-router-best-practices
本技能包提供了 Vue Router 4 的核心最佳实践指南，涵盖导航守卫、路由参数处理、组件生命周期交互等关键主题。旨在帮助前端开发者解决路由跳转、参数更新、守卫异步操作、无限循环等常见问题，优化单页应用的路由性能和代码结构。关键词：Vue Router， 导航守卫， 路由生命周期， 单页应用， 前端路由， Vue.js， 路由参数， 组件交互。
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 quality-reviewer
代码质量审查员是一个自动化代码审查工具，专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目，帮助开发团队保持代码一致性，提高代码可维护性，减少技术债务。关键词：代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制