설치
온라인 스타터를 사용하여 빠르게 Nuxt를 시작하거나 터미널을 사용하여 로컬에서 시작하세요.
온라인에서 실행하기
프로젝트를 설정하지 않고 브라우저에서 Nuxt를 간단히 사용해보고 싶다면, 다음의 온라인 샌드박스를 사용할 수 있습니다:
또는 아래의 단계를 따라 컴퓨터에 새로운 Nuxt 프로젝트를 설정하세요.
새로운 프로젝트
사전 요구 사항
- Node.js -
20.x
이상 (하지만 활성 LTS 릴리스를 권장합니다) - 텍스트 에디터 - 특정 IDE 요구 사항은 없지만, Visual Studio Code와 공식 Vue 확장 (이전에는 Volar로 알려짐) 또는 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>
대안으로, nuxt.new를 열고 거기서 제공하는 지침을 따라 다른 스타터나 테마를 찾을 수 있습니다.
Visual Studio Code에서 프로젝트 폴더를 여세요:
Terminal
code <project-name>
또는 터미널에서 새 프로젝트 디렉토리로 이동하세요:
cd <project-name>
개발 서버
이제 Nuxt 앱을 개발 모드로 시작할 수 있습니다:
npm run dev -- -o
잘하셨습니다! http://localhost:3000에 대한 브라우저 창이 자동으로 열릴 것입니다.
다음 단계
Nuxt 프로젝트를 생성했으므로, 이제 애플리케이션을 구축할 준비가 되었습니다.
이것도 참고 Nuxt 개념※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.
공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/getting-started/installation