nuxt add
Nuxt 애플리케이션에 엔티티를 스캐폴딩합니다.
Terminal
npx nuxt add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]
인자
| 인자 | 설명 |
|---|---|
TEMPLATE | 생성할 템플릿을 지정합니다 (옵션: <api|plugin|component|composable|middleware|layout|page|layer>) |
NAME | 생성될 파일의 이름을 지정합니다 |
옵션
| 옵션 | 기본값 | 설명 |
|---|---|---|
--cwd=<directory> | . | 작업 디렉토리를 지정합니다 |
--logLevel=<silent|info|verbose> | 빌드 시 로그 레벨을 지정합니다 | |
--force | false | 파일이 이미 존재할 경우 강제로 덮어씁니다 |
수정자:
일부 템플릿은 이름에 접미사(예: .client 또는 .get)를 추가할 수 있는 추가 수정자 플래그를 지원합니다.
Terminal
# `/plugins/sockets.client.ts`를 생성합니다
npx nuxt add plugin sockets --client
nuxt add component
- 수정자 플래그:
--mode client|server또는--client또는--server
Terminal
# `components/TheHeader.vue`를 생성합니다
npx nuxt add component TheHeader
nuxt add composable
Terminal
# `composables/foo.ts`를 생성합니다
npx nuxt add composable foo
nuxt add layout
Terminal
# `layouts/custom.vue`를 생성합니다
npx nuxt add layout custom
nuxt add plugin
- 수정자 플래그:
--mode client|server또는--client또는--server
Terminal
# `plugins/analytics.ts`를 생성합니다
npx nuxt add plugin analytics
nuxt add page
Terminal
# `pages/about.vue`를 생성합니다
npx nuxt add page about
Terminal
# `pages/category/[id].vue`를 생성합니다
npx nuxt add page "category/[id]"
nuxt add middleware
- 수정자 플래그:
--global
Terminal
# `middleware/auth.ts`를 생성합니다
npx nuxt add middleware auth
nuxt add api
- 수정자 플래그:
--method(connect,delete,get,head,options,patch,post,put또는trace를 받을 수 있습니다) 또는 직접적으로--get,--post등도 사용할 수 있습니다.
Terminal
# `server/api/hello.ts`를 생성합니다
npx nuxt add api hello
nuxt add layer
Terminal
# `layers/subscribe/nuxt.config.ts`를 생성합니다
npx nuxt add layer subscribe