nuxt logo

문서 번역(비공식)

설치

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

온라인에서 실행하기

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

또는 아래의 단계를 따라 컴퓨터에 새로운 Nuxt 프로젝트를 설정하세요.

새로운 프로젝트

사전 요구 사항

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

터미널을 열고 (Visual Studio Code를 사용하는 경우, 통합 터미널을 열 수 있습니다) 다음 명령을 사용하여 새로운 스타터 프로젝트를 생성하세요:

npm create nuxt <project-name>

대안으로, nuxt.new를 열고 거기서 제공하는 지침을 따라 다른 스타터나 테마를 찾을 수 있습니다.

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

Terminal
code <project-name>

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

cd <project-name>

개발 서버

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

npm run dev -- -o

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

다음 단계

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

이것도 참고 Nuxt 개념