全书目录

第六篇:Nuxt 完全指南 —— 全媒体演播中心宇宙

第二章:5 分钟开台 —— 先把演播中心搭起来

1 分钟 216 字 第 129 / 962 个阅读单元

Nuxt 官方当前推荐从 create nuxt 起步。新项目最常见命令是:

bash
pnpm create nuxt@latest my-broadcast-center
cd my-broadcast-center
pnpm dev -o

截至 2026-03-28,官方安装页给出的前置条件里,Node.js 建议是:

  • 20.x 或更高
  • 最好用偶数版本线,比如 2022

一个现代 Nuxt 项目,核心骨架大致像这样:

text
my-broadcast-center/
├── app/
│   ├── app.vue
│   ├── pages/
│   │   ├── index.vue
│   │   ├── news/
│   │   │   └── [slug].vue
│   ├── layouts/
│   │   ├── default.vue
│   │   └── studio.vue
│   ├── components/
│   ├── composables/
│   ├── plugins/
│   └── error.vue
├── server/
│   ├── api/
│   │   └── news.ts
│   ├── routes/
│   │   └── rss.xml.ts
│   └── middleware/
├── public/
├── nuxt.config.ts
├── package.json
└── tsconfig.json

先别背细节,先背职责:

  • app/:前台播出系统
  • server/:后台内容生产与接口机房
  • nuxt.config.ts:全台播控规则
  • .output/:真正打包后的播出成品