설치
온라인 스타터를 사용하여 빠르게 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 개념© 2016–PRESENT Nuxt Labs https://nuxt.com
※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.
공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/getting-started/installation