搜索结果: "vue"
前端路由Skill frontend-routing
前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。
PiniaSkill pinia
Pinia是Vue.js官方状态管理库,提供类型安全、可扩展的状态管理解决方案。本技能涵盖Pinia核心概念、功能特性、最佳实践及高级应用,帮助开发者掌握Vue应用状态管理、存储定义、响应式数据处理、插件开发、SSR集成、单元测试等关键技术。适用于Vue 2/3项目开发,提升前端应用架构质量。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具,主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能,并确保图标资源的可访问性,适用于构建现代Web应用和设计系统。关键词:SVG优化,前端开发,图标系统,React组件,性能优化,可访问性,精灵图生成,SVGO,svgr。
Pinia状态管理Skill pinia
Pinia 状态管理技能提供在 Vue 3 应用程序中实现高效、类型安全的状态管理解决方案。该技能涵盖 Pinia 存储的创建、异步操作、计算属性、插件集成和存储组合等核心功能,适用于前端开发中的状态管理、Vue 应用架构和复杂状态逻辑处理。关键词:Pinia, Vue 3, 状态管理, 前端开发, 存储模式, 持久化, 插件集成, 响应式数据。
Storybook组件开发助手Skill storybook
Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能,帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架,是提升团队协作效率和代码质量的关键工具。关键词:Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。
tsdownSkill tsdown
tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具,专为前端开发者设计,用于高效构建、打包和发布npm库。它支持多种输出格式(ESM、CJS、IIFE、UMD),自动生成类型声明文件,提供摇树优化和压缩功能,并兼容主流前端框架(React、Vue、Solid、Svelte)。关键词:TypeScript打包工具,JavaScript库构建,前端开发工具,npm库打包,Rolldown,摇树优化,类型声明生成,多格式输出,组件库构建。
Vue开发技能Skill vue-development
Vue 3开发技能,专注于组合式API、响应式系统、组件模式、TypeScript集成和最佳实践。提供Vue 3应用程序构建的专家级指导,包括组件开发、状态管理、路由配置、依赖注入等核心功能。适用于前端开发人员构建现代化、可维护的Vue应用。关键词:Vue 3开发,组合式API,TypeScript集成,前端框架,响应式编程,组件化开发,Vue Router,状态管理,前端架构
VueRouter4最佳实践Skill vue-router-best-practices
本技能专注于Vue Router 4的最佳实践,涵盖导航守卫的使用、路由参数管理、组件生命周期交互等核心知识点。帮助开发者避免常见陷阱,如无限重定向、数据陈旧问题,提升Vue.js单页面应用的开发效率和代码质量。关键词包括Vue Router、导航守卫、路由参数、组件生命周期、Vue.js开发、前端开发。
VueUse函数应用技能Skill vueuse-functions
该技能是 VueUse 组合式函数的决策与实施指南,专为 Vue.js 和 Nuxt 项目设计,帮助开发者高效选择和使用 VueUse 函数来构建简洁、可维护的前端功能。它通过映射需求到最合适的 VueUse 函数,优先采用组合式解决方案,提升代码质量和开发效率。关键词:VueUse, Vue.js, Nuxt, 组合式函数, 前端开发, 代码优化, 响应式编程, 开发工具
Vue.js测试最佳实践Skill vue-testing-best-practices
这个技能涵盖Vue.js测试的最佳实践和模式,包括使用Vitest、Vue Test Utils进行组件测试、模拟、端到端测试等,适合前端开发人员和测试工程师。关键词:Vue.js、测试、最佳实践、Vitest、Vue Test Utils、组件测试、Playwright、端到端测试。
Vue.js3最佳实践与性能优化技能Skill vue-best-practices
这个技能提供了 Vue.js 3 的最佳实践指南,涵盖响应式系统、组件设计、模板优化、性能调优等方面,帮助开发者避免常见错误,提升代码质量,优化应用性能。关键词:Vue.js, 前端开发, 性能优化, 最佳实践, Composition API, TypeScript