SuperAPI AI 工具集

nuxt-website

前端与建站

查看项目

更新于 10-16 09:56

技能介绍

用途:面向使用 Vue 3 与 Nuxt 4 构建和维护营销网站,覆盖页面、组件、布局、内容管理、SEO、Nuxt 配置与部署等任务。当用户要求更新或构建网站/营销站/落地页/文档站,操作网站目录中的 Vue 3 组件或 Nuxt 4 特性,创建或编辑页面、布局、UI 组件,管理内容、meta 标签或 Open Graph 数据,配置插件、模块、中间件或 nuxt.config.ts,使用 Nuxt composables、自动导入或数据获取(useFetch、useAsyncData),优化性能、图片或资源,设置或修改部署配置,实现表单、导航或交互特性,处理 server 目录 API 路由,以及明确提到 website、marketing site、landing page、docs、Vue、Nuxt 或相关文件路径时适用。

主要能力:组件开发与组合(Composition API、script setup、TypeScript 类型、命名与目录组织)、页面与布局管理(基于文件的路由、动态路由、definePageMeta)、内容与 SEO 优化(useHead、useSeoMeta、Open Graph、Twitter 卡片、canonical)、Nuxt 配置与模块(tailwindcss、image、seo 模块、runtimeConfig、nitro、vite 构建优化)、性能优化(NuxtImg/NuxtPicture、懒加载、代码分割)、数据获取与 composables、中间件与插件、server 目录 API 路由,以及部署策略(Vercel、Netlify、Docker)。

使用方式:技能以 Nuxt 4 项目结构为参照,如 assets、components、composables、layouts、middleware、pages、plugins、public、server、utils 目录及 app.vue、nuxt.config.ts。组件使用 script setup 与 defineProps,页面通过 pages 目录自动路由,数据获取使用 useFetch/useAsyncData,SEO 使用 useSeoMeta。常用命令:npm run dev、npm run build、npm run preview、npm run generate。环境变量在 .env 中定义,并通过 runtimeConfig 读取。

适用场景:营销网站、落地页、文档站等的前端开发与长期维护。

限制:资料未提供具体收费、价格、版本兼容范围、性能指标或效果数据,暂未提供;使用前需结合实际项目与官方文档确认。