nuxt add

原始檔
在你的 Nuxt 應用中搭建實體。
終端
npx nuxt add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]

引數

引數描述
模板指定要生成的模板（選項：）
名稱指定生成檔案的名稱

選項

選項預設描述
--cwd=<目錄>.指定工作目錄
--logLevel=<silent|info|verbose>指定構建時日誌級別
--forcefalse如果檔案已存在，則強制覆蓋

修飾符

一些模板支援額外的修飾符標誌，以在其名稱後新增字尾（例如.client或.get）。

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

nuxt add component

  • 修飾符標誌：--mode client|server或--client或--server
終端
# Generates `app/components/TheHeader.vue`
npx nuxt add component TheHeader

nuxt add composable

終端
# Generates `app/composables/foo.ts`
npx nuxt add composable foo

nuxt add layout

終端
# Generates `app/layouts/custom.vue`
npx nuxt add layout custom

nuxt add plugin

  • 修飾符標誌：--mode client|server或--client或--server
終端
# Generates `app/plugins/analytics.ts`
npx nuxt add plugin analytics

nuxt add page

終端
# Generates `app/pages/about.vue`
npx nuxt add page about
終端
# Generates `app/pages/category/[id].vue`
npx nuxt add page "category/[id]"

nuxt add middleware

  • 修飾符標誌：--global
終端
# Generates `app/middleware/auth.ts`
npx nuxt add middleware auth

nuxt add api

  • 修飾符標誌：--method（可接受connect、delete、get、head、options、patch、post、put或trace）或您也可以直接使用--get、--post等。
終端
# Generates `server/api/hello.ts`
npx nuxt add api hello

nuxt add layer

終端
# Generates `layers/subscribe/nuxt.config.ts`
npx nuxt add layer subscribe