설치

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

온라인에서 실행하기

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

StackBlitz에서 열기

CodeSandbox에서 열기

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

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

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

Node.js: 짝수 버전(20, 22 등)을 사용하고 있는지 확인하세요.
Nuxtr: 커뮤니티에서 개발한 Nuxtr 확장을 설치하세요.
WSL: Windows를 사용하면서 HMR이 느리다면, WSL (Windows Subsystem for Linux)을 사용해 보는 것을 고려해 보세요. 일부 성능 문제를 해결할 수 있습니다.
Windows의 느린 DNS 해석: Windows에서 로컬 개발 서버에 localhost:3000 대신 127.0.0.1을 사용하면 브라우저에서 훨씬 더 빠른 로딩 경험을 얻을 수 있습니다.

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

npm create nuxt@latest <project-name>

yarn create nuxt@latest <project-name>

pnpm create nuxt@latest <project-name>

bun create nuxt@latest <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 프로젝트를 생성했으니, 이제 애플리케이션을 만들 준비가 되었습니다.