nuxi 명령어 생성기
Nuxt 3 프로젝트를 구성하고, 개발하며, 빌드하고, 관리하기 위한 nuxi 명령어를 생성합니다.
nuxi 입문하기
## nuxi란 무엇인가요?
`nuxi`은 Nuxt 3+의 명령줄 인터페이스입니다. 새로운 프로젝트를 생성하고, 개발 서버를 실행하며, 배포용으로 빌드하고, 정적 사이트를 생성합니다. 또한 Nuxt 업그레이드나 번들 크기 분석과 같은 유지보수 작업도 수행합니다.
## 사용 방법
1. **작업 선택**: `init`, `dev`, `build`, `generate`, `preview`, `upgrade`, `info`, `cleanup`, `analyze` 또는 `typecheck` 중에서 선택합니다. 2. **대상 지정**: `init`의 경우 프로젝트 디렉터리 이름을 입력합니다. 3. **옵션 설정**: ⟦CODE13⟦의 경우 포트를 (`-p`)로 지정하고, `--package-manager`는 npm/pnpm/yarn/bun을 고정하기 위해 사용됩니다. 4. **복사 및 실행**: 대부분의 명령은 기존 Nuxt 프로젝트 내에서 실행되지만, `init`는 새로운 프로젝트를 생성합니다.
일반 작업 및 옵션
### `init` 새 프로젝트 생성 새로운 디렉터리인 `nuxi init my-app`에 깨끗한 Nuxt 앱을 생성합니다.
### `dev` 개발 서버 기본 포트인 3000에서 핫-리로딩이 가능한 개발 서버를 시작합니다. `-p`을 사용해 이를 재지정할 수 있습니다: `nuxi dev -p 4000`.
### `build` / `generate` 프로덕션 빌드 결과 `build`은 SSR 호스팅을 위해 Node 서버 번들(`.output/server`)을 생성합니다. 반면 `generate`는 정적 호스팅을 위해 `.output/public`에서 전체 사이트를 정적 HTML로 미리 렌더링합니다.
### `preview` 프로덕션 빌드 실행 배포하기 전에 확인하기 위해 `build` 또는 `generate`로 생성된 `.output`를 로컬에서 서비스합니다.
### `upgrade` / `info` / `cleanup` `upgrade`은 Nuxt 버전을 업그레이드합니다. `info`는 프로젝트의 환경 및 버전 정보를 표시합니다. `cleanup`은 빌드 캐시(`.nuxt`, `node_modules/.cache`)를 삭제합니다.
### `analyze` / `typecheck` `analyze`는 프로젝트를 빌드하고 번들 분석기를 엽니다. `typecheck`은 전체 프로젝트의 타입 체크를 위해 `vue-tsc`을 실행합니다.
### `--package-manager=NAME` `init` 및 기타 설치 관련 명령어를 위해 패키지 관리자(npm, pnpm, yarn, bun)를 고정합니다.
▶build와 generate — 어떤 것을 사용해야 할까요?
▶다른 포트에서 개발 서버를 어떻게 실행하나요?
▶npm 대신 pnpm을 사용하여 프로젝트를 어떻게 만드나요?
이 도구가 당신에게 도움이 되었다면, 저에게 커피 한 잔 사주세요.
제게 커피 한 잔 사주세요.