nuxt add-template

在 Nuxt 应用中构建实体脚手架

Terminal

npx nuxt add-template <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]

nuxt add <TEMPLATE> <NAME> 仍然有效，但已弃用，建议使用 nuxt add-template

详细了解 nuxt add，它可以将 Nuxt 模块添加到你的应用中

参数

参数	描述
`TEMPLATE`	指定要生成的模板（选项：<api\|app\|app-config\|component\|composable\|error\|layer\|layout\|middleware\|module\|page\|plugin\|server-middleware\|server-plugin\|server-route\|server-util>）
`NAME`	指定生成文件的名称

选项	默认值	描述
`--cwd=<directory>`	`.`	指定工作目录
`--logLevel=<silent\|info\|verbose>`		指定构建时的日志级别
`--force`	`false`	强制覆盖已存在的文件

修饰符：

某些模板支持额外的修饰符标志，用于向名称添加后缀（例如 .client 或 .get）。

生成的文件会写入相对于你的 srcDir 的路径中，该路径默认为项目根目录。以下路径均假设使用默认设置。

Terminal

# Generates `/plugins/sockets.client.ts`
npx nuxt add-template plugin sockets --client

Terminal

# Generates `components/TheHeader.vue`
npx nuxt add-template component TheHeader

Terminal

# Generates `composables/foo.ts`
npx nuxt add-template composable foo

Terminal

# Generates `layouts/custom.vue`
npx nuxt add-template layout custom

Terminal

# Generates `plugins/analytics.ts`
npx nuxt add-template plugin analytics

Terminal

# Generates `pages/about.vue`
npx nuxt add-template page about

Terminal

# Generates `pages/category/[id].vue`
npx nuxt add-template page "category/[id]"

Terminal

# Generates `middleware/auth.ts`
npx nuxt add-template middleware auth

修饰符标志：--method（可接受 connect、delete、get、head、options、patch、post、put 或 trace），或者你也可以直接使用 --get、--post 等标志。

Terminal

# Generates `server/api/hello.ts`
npx nuxt add-template api hello

Terminal

# Generates `layers/subscribe/nuxt.config.ts`
npx nuxt add-template layer subscribe

nuxt add

使用命令行将模块添加到 Nuxt 应用程序中。

nuxt analyze

分析生产环境构建包或 Nuxt 应用