Nuxt 프로젝트 설정하기

1. Node 설치하기

Nuxt.js 프레임워크를 설치하기 위해서는 node 18 버전 이상 설치가 필요합니다.

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

 

2. 개발 툴 설치하기

Nuxt.js 를 사용하기 위해서는 개발 툴이 필요한데, Nuxt에서는 VS Code 를 추천하고 있습니다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

3. vs code 확장프로그램 설치하기

확장 프로그램을 설치하면 nuxt 개발에 있어서 유용합니다.

Vue - Official

Vue VSCode Snippets

Auto Rename Tag

 

4. Nuxt 설치하기

npx nuxi@latest init <project-name>

 

위 명령어를 커맨드 창에 입력하면 설치를 할 수 있습니다.

nuxi

nuxi는 nuxt3로 업데이트 되면서 새롭게 생겼고, nuxt에서도 nuxi를 이용하라고 추천하고 있습니다.

npm install
npm run dev

 

5. 타입스크립트 설치

Nuxt는 성능 상의 이유로 개발과 빌드에서 타입을 체크 하지 않습니다만,

아래 dependecy를 설치하면 개발 중 타입을 체크할 수 있습니다.

npm install --save-dev vue-tsc@^1 typescript

 

nuxt.config.js

export default defineNuxtConfig({
  typescript: {
    typeCheck: true
  }
})