搜索结果: "vue"
VueUse函数Skill vueuse-functions
VueUse 函数库提供了一套丰富的Vue.js和Nuxt项目中的响应式和功能性工具,旨在通过预制的composable函数简化开发流程,提高代码的可读性和维护性。
页面构建器设计Skill design-page-builder
这个技能用于设计和实现模块化的页面构建系统,支持组件化、槽位布局和块状编辑,适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构,提升编辑体验和开发效率。关键词:模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。
Vue最佳实践Skill vue-best-practices
这是一个专注于Vue.js 3框架开发最佳实践的技能包,特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案,用于提升Vue组件开发的健壮性和开发效率。核心功能包括:Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词:Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。
模块脚手架Skill module-scaffolder
这是一个用于前端开发的自动化工具,能够根据预设的6文件夹架构快速生成功能模块的代码脚手架。它自动创建TypeScript组件、接口、钩子和工具函数,并强制执行代码质量标准,包括文件结构、命名规范、路径别名和类型安全。适用于React/Vue等现代前端框架的项目初始化,提高开发效率和代码一致性。关键词:前端脚手架、模块生成、TypeScript接口、代码规范、自动化工具、DevOps、项目架构。
灵感UI动画组件库Skill inspira-ui
灵感UI是一个专为Vue和Nuxt项目设计的动画组件库,提供120多种可复用的组件,使用TailwindCSS v4、motion-v、GSAP和Three.js,用于创建炫酷的网页动画、3D效果和交互式UI,提升开发效率和用户体验。关键词:Vue动画、Nuxt动画、前端开发、动画组件、TailwindCSS、3D效果、WebGL、SEO优化。
前端路由Skill frontend-routing
前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由,包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。
SlidevSkill slidev
Slidev是一款面向开发者的现代化演示文稿制作工具,基于Vite、Vue和Markdown构建。它支持实时代码演示、语法高亮、交互式组件、数学公式、图表绘制和演讲录制,能够将技术文档、会议演讲和教学材料转化为精美的Web幻灯片,并支持导出为PDF、PPTX等多种格式。
Maz-UI前端组件库技能Skill maz-ui
此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发,包括组件集成、主题定制、国际化实现、SSR支持等,适用于构建现代化Web应用程序。关键词:Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式
NuxtUIv4前端组件库技能Skill nuxt-ui-v4
这个技能是用于使用 Nuxt UI v4 组件库进行前端开发,构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件,支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript,适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词:Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。
Nuxt4核心框架基础Skill nuxt-core
这个技能专注于Nuxt 4框架的核心开发和配置,涵盖项目初始化、配置文件设置、文件路由实现、SEO优化和错误处理。适用于前端开发者快速构建现代化的Vue应用,提高开发效率和性能。关键词:Nuxt 4, Vue 3, 前端开发, 配置, 路由, SEO, 错误处理, 框架
PiniaColada数据获取技能Skill pinia-colada
Pinia Colada 是一个用于 Vue 和 Nuxt 的智能数据获取库,提供 useQuery 和 useMutation 等功能,用于处理异步状态、查询缓存、服务器端渲染(SSR)、查询失效、乐观更新等。关键词:Pinia Colada, Vue, Nuxt, 数据获取, 缓存, SSR, 异步状态管理, useQuery, useMutation。
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库,适用于 React、Vue、Svelte 等框架,可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成,并支持 SSR 安全。关键词:自动动画,零配置动画,React动画,Vue动画,轻量动画,前端开发,动画库。