npx nuxt add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]
| Argument | Description |
|---|---|
TEMPLATE | 어떤 템플릿을 생성할지 지정합니다 (옵션: <api|app|app-config|component|composable|error|layer|layout|middleware|module|page|plugin|server-middleware|server-plugin|server-route|server-util>) |
NAME | 생성될 파일의 이름을 지정합니다 |
| Option | Default | Description |
|---|---|---|
--cwd=<directory> | . | 작업 디렉터리를 지정합니다 |
--logLevel=<silent|info|verbose> | 빌드 시 로그 레벨을 지정합니다 | |
--force | false | 파일이 이미 존재하더라도 강제로 덮어씁니다 |
Modifiers:
일부 템플릿은 이름에 접미사(예: .client 또는 .get)를 추가하기 위한 추가 modifier 플래그를 지원합니다.
# `/plugins/sockets.client.ts`를 생성합니다
npx nuxt add plugin sockets --client
nuxt add component--mode client|server 또는 --client 또는 --server# `app/components/TheHeader.vue`를 생성합니다
npx nuxt add component TheHeader
nuxt add composable# `app/composables/foo.ts`를 생성합니다
npx nuxt add composable foo
nuxt add layout# `app/layouts/custom.vue`를 생성합니다
npx nuxt add layout custom
nuxt add plugin--mode client|server 또는 --client또는 --server# `app/plugins/analytics.ts`를 생성합니다
npx nuxt add plugin analytics
nuxt add page# `app/pages/about.vue`를 생성합니다
npx nuxt add page about
# `app/pages/category/[id].vue`를 생성합니다
npx nuxt add page "category/[id]"
nuxt add middleware--global# `app/middleware/auth.ts`를 생성합니다
npx nuxt add middleware auth
nuxt add api--method (connect, delete, get, head, options, patch, post, put, trace 중 하나를 받을 수 있음) 또는 대신 --get, --post 등과 같이 직접 사용할 수 있습니다.# `server/api/hello.ts`를 생성합니다
npx nuxt add api hello
nuxt add layer# `layers/subscribe/nuxt.config.ts`를 생성합니다
npx nuxt add layer subscribe