搜索结果: "vue"
Vue测试最佳实践Skill vue-testing-best-practices
本技能是关于Vue.js前端框架的测试最佳实践指南。它系统性地介绍了如何为Vue 3项目搭建测试环境（推荐使用Vitest），涵盖了组件测试、可组合函数测试、状态管理（Pinia）测试、异步组件测试以及端到端测试（推荐使用Playwright）等核心场景。针对测试中常见的陷阱，如竞态条件、快照测试的局限性、Teleport组件测试等，提供了具体的解决方案和模式。关键词：Vue.js测试，Vitest，Vue Test Utils，组件测试，端到端测试，Playwright，Pinia，异步测试，测试模式。
代码质量审查员Skill quality-reviewer
代码质量审查员是一个自动化代码审查工具，专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目，帮助开发团队保持代码一致性，提高代码可维护性，减少技术债务。关键词：代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制
前端设计Skill designing-frontend
前端设计技能专注于构建独特、生产级的Web界面，强调创意美学和情境化设计，避免通用模式。关键词：前端开发，UI设计，Web界面，创意美学，生产级代码，用户体验，视觉设计，交互设计，CSS动画，React，Vue。
Vue应用结构Skill vue-application-structure
使用 Vue 3 的组合 API、组件组织和 TypeScript 构建可扩展的 Vue 应用程序，实现代码的模块化和类型安全。
前端组件生成器Skill frontend-component
自动化生成React/Vue组件，包括TypeScript定义、测试和样式，遵循最佳实践，提高开发效率。
前端测试生成器Skill frontend-test
前端测试生成器是一款自动化工具，专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架，能够自动创建包含组件渲染验证、用户交互模拟（如点击、输入）、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率，确保代码质量，并遵循现代前端测试的最佳实践。 关键词：前端测试，React测试，Vue测试，组件测试，单元测试，自动化测试，React Testing Library，快照测试，可访问性测试，用户交互测试
TypeScript打包工具Skill tsdown
tsdown是一个基于Rolldown和Oxc的TypeScript打包工具，用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景，提升开发效率和代码质量。关键词：TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。
RuoYi代码生成器Skill ruoyi-code-generator
RuoYi代码生成器是一个自动化工具，它能够根据用户提供的数据表信息（表名、字段定义）自动生成完整的CRUD代码，包括Java后端代码、MyBatis XML映射文件、Vue前端代码和菜单初始化SQL。这个工具适用于创建新模块、添加业务功能、以及根据表结构生成代码等场景，极大地提高了开发效率和代码质量。
Context7MCP使用模式Skill context7-usage
Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容，支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗，提升开发文档查询的精确度和速度，是程序员和AI助手进行技术文档检索的优化解决方案。关键词：Context7 MCP，文档检索，库文档查询，AI开发工具，编程文档索引，令牌优化，技术栈支持。
前端工程Skill software-frontend
前端工程技能专注于现代Web应用的高质量开发，涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践，包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词：前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。
Ultracite代码质量工具Skill ultracite
Ultracite 是一个快速、零配置的代码检查和格式化工具，专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等，并提供 AI 集成、Git 钩子支持和类型安全特性，以提高代码质量和开发效率。关键词：代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。
shadcn-vueVue组件库Skill shadcn-vue
shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库，基于Reka UI和Tailwind CSS，提供可访问、可自定义的组件，如自动表单、数据表格、图表等，并支持黑暗模式和TypeScript。关键词：Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript