nuxi add
將實體骨架化到您的 Nuxt 應用程式中。
終端機
npx nuxi add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]
引數
| 引數 | 描述 |
|---|---|
範本 | 指定要產生的範本 (選項：<api|plugin|component|composable|middleware|layout|page|layer>) |
名稱 | 指定產生的檔案名稱 |
選項
| 選項 | 預設值 | 描述 |
|---|---|---|
--cwd=<directory> | . | 指定工作目錄 |
--logLevel=<silent|info|verbose> | 指定建置時期的記錄層級 | |
--force | false | 強制覆寫檔案 (如果檔案已存在) |
修飾詞
部分範本支援額外的修飾詞標記，以在其名稱中新增後綴 (例如 .client 或 .get)。
終端機
# Generates `/plugins/sockets.client.ts`
npx nuxi add plugin sockets --client
nuxi add component
- 修飾詞標記：
--mode client|server或--client或--server
終端機
# Generates `components/TheHeader.vue`
npx nuxi add component TheHeader
nuxi add composable
終端機
# Generates `composables/foo.ts`
npx nuxi add composable foo
nuxi add layout
終端機
# Generates `layouts/custom.vue`
npx nuxi add layout custom
nuxi add plugin
- 修飾詞標記：
--mode client|server或--client或--server
終端機
# Generates `plugins/analytics.ts`
npx nuxi add plugin analytics
nuxi add page
終端機
# Generates `pages/about.vue`
npx nuxi add page about
終端機
# Generates `pages/category/[id].vue`
npx nuxi add page "category/[id]"
nuxi add middleware
- 修飾詞標記：
--global
終端機
# Generates `middleware/auth.ts`
npx nuxi add middleware auth
nuxi add api
- 修飾詞標記：
--method(可接受connect、delete、get、head、options、patch、post、put或trace)，或者您可以直接使用--get、--post等。
終端機
# Generates `server/api/hello.ts`
npx nuxi add api hello
nuxi add layer
終端機
# Generates `layers/subscribe/nuxt.config.ts`
npx nuxi add layer subscribe