NNuxt Practice
Nuxt 4 Practice Workspace

把练习项目从脚手架,直接拉到可继续开发的状态。

这个项目已经可以直接作为你的 Nuxt 练习起点。路由、布局、组件、全局样式和一个简单 API 示例都已经准备好,接下来你可以专心练业务实现。

Server API 正常:Nuxt server route is ready

下一步可以练什么

我把几个最常见的 Nuxt 练习入口也先帮你列好了,方便你接着往下做。

页面路由

在 app/pages 下新增页面,感受文件即路由的工作方式。

从 /playground 再扩展一个页面

组件拆分

把首页继续拆成更细的业务组件,练习 props 和插槽。

继续扩展 home 目录下的组件

服务端接口

在 server/api 下新增接口,搭配 useFetch 读取数据。

仿照 /api/health 新增接口

基础骨架已经就绪,可以继续练习页面、组件、接口和状态管理。