[Vue.js] Nuxt - Nuxt 이관 준비

공부/Vue.js

도리암 2022. 4. 24. 11:57

현재까지 나와있는 Nuxt의 버전은 2버전이다. (Nuxt3은 2022년 6월 중 release 예정)

위의 표를 참고하면 Nuxt2에서는 아직 Vue2까지만을 지원하므로,

다음의 사이트에서 Vue 2버전으로 작성된 프로젝트를 가져오자.

GitHub - ParkYoungWoong/vue2-movie-app

Contribute to ParkYoungWoong/vue2-movie-app development by creating an account on GitHub.

github.com

프로젝트 이관 준비

Installation

Here, you will find information on setting up and running a Nuxt project in 4 steps.

nuxtjs.org

npx create-nuxt-app <project-name>

원하는 위치에 위의 명령어로 nuxt 프로젝트 폴더를 생성해준다.

설정은 위와 같이 해준다.

우리는 이미 만들어진 프로젝트를 이관하는 것이므로 각 framework는 none으로 설정해준다.

폴더 생성 완료

GitHub - ParkYoungWoong/vue2-movie-app

Contribute to ParkYoungWoong/vue2-movie-app development by creating an account on GitHub.

github.com

위의 사이트의 예제를 아래의 명령어로 다운받아주자

npx degit ParkYoungWoong/vue2-movie-app vue2-movie-app

이렇게 폴더 두개를 만들어주면 이관 준비는 완료된다.