설치

온라인 스타터로 빠르게 Nuxt를 시작하거나, 터미널을 사용해 로컬에서 시작하세요.

온라인에서 실행하기

프로젝트를 설정하지 않고 브라우저에서 Nuxt를 간단히 사용해보고 싶다면, 아래의 온라인 샌드박스 중 하나를 사용할 수 있습니다:

StackBlitz에서 열기

CodeSandbox에서 열기

또는 아래의 단계를 따라 컴퓨터에 새로운 Nuxt 프로젝트를 설정할 수 있습니다.

Node.js - 20.x 이상 (하지만 활성 LTS 릴리스를 권장합니다)
텍스트 에디터 - IDE는 필수가 아니지만, 공식 Vue 확장 (이전 명칭 Volar)이 포함된 Visual Studio Code 또는 WebStorm을 권장합니다. 다른 JetBrains IDE와 함께 바로 사용할 수 있는 훌륭한 Nuxt 지원을 제공합니다.
터미널 - Nuxt 명령어를 실행하기 위해 필요합니다

최적의 설정을 위한 추가 참고 사항:

Node.js: 짝수 버전(18, 20 등)을 사용하는 것이 좋습니다
Nuxtr: 커뮤니티에서 개발한 Nuxtr 확장을 설치하세요
WSL: Windows를 사용 중이고 HMR이 느리다면, WSL(Windows Subsystem for Linux)을 사용해보세요. 일부 성능 문제를 해결할 수 있습니다.

터미널을 열고(Visual Studio Code를 사용 중이라면 통합 터미널을 열 수 있습니다) 아래 명령어로 새로운 스타터 프로젝트를 생성하세요:

npm create nuxt <project-name>

yarn create nuxt <project-name>

pnpm create nuxt <project-name>

bun create nuxt <project-name>

deno -A npm:create-nuxt@latest <project-name>

또는 nuxt.new를 열어 다른 스타터나 테마를 찾아보고 안내에 따라 진행할 수 있습니다.

Visual Studio Code에서 프로젝트 폴더를 여세요:

Terminal

code <project-name>

또는 터미널에서 새 프로젝트 디렉터리로 이동하세요:

cd <project-name>

이제 Nuxt 앱을 개발 모드로 시작할 수 있습니다:

npm run dev -- -o

yarn dev --open

pnpm dev -o

bun run dev -o

# 개발 중에 Bun 런타임을 사용하려면
# bun --bun run dev -o

deno run dev -o

잘하셨습니다! http://localhost:3000 주소로 브라우저 창이 자동으로 열릴 것입니다.

이제 Nuxt 프로젝트를 생성했으니, 애플리케이션을 개발할 준비가 되었습니다.