这款Skill帮你跟上新版Nuxt

用 Nuxt 全栈框架开发 Vue 应用。

nuxt 是给 AI 编程助手用的 Nuxt 开发 Skill,覆盖页面路由、接口、数据获取和服务端渲染。正在维护 Vue 全栈项目的人,可以把项目版本、现有文件和要改的功能交给它,让 AI 按框架约定处理。

这份文档有个容易被旧教程带偏的细节:它面向 Nuxt 4。默认情况下,页面、组件和 app.vue 放在 app/ 里,server/、public/ 和配置文件仍在项目根目录。连常用的 @ 和 ~ 别名,也指向 app/。

比如你让 AI 新增一个页面,再接一个服务端接口,两份文件应该放在哪里,不能靠“以前的 Nuxt 项目都这么写”来判断。目录和导入路径错了,后面再漂亮的页面代码也接不上。

这个 Skill 把目录、路由、数据获取、状态管理等主题分别指向对应参考文档。任务涉及哪一块,再深入读哪一块,不必把框架所有知识都塞进同一段提示词。

开始时说明“这是 Nuxt 4 项目,请先看现有目录,再实现这个功能”,比只说“帮我写个 Vue 页面”更能把任务限定清楚。旧版项目则要先对齐版本,不能直接照搬这里的新目录约定。

分类:编程开发

来源仓库:antfu/skills

适合用来做什么

  • 用Nuxt搭建一个SSR应用的基本结构。
  • 如何在Nuxt中配置自动导入?

安装 nuxt

npx skills add https://www.iskills.cc/skills/antfu/skills/nuxt/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 nuxt 的用途与原始说明

浏览全部 Skill 指南