Nuxt 프로젝트 생성 및 설정

프로젝트 생성하기 전...

아직 Nuxt 3이 Beta 버전이다. RC라 확정이겠지만, nuxt 2로 진행하기로 한다.
 

버전 정보

nuxt: 2.15.8
vue: 2.7.10
@nuxtjs/composition-api: 0.33.1

@nuxtjs/composition-api 버전이 아직 1 이하인 걸 봐선 정식 버전은 아닌 것 같다.
nuxt 3 정식 버전 발표 후론 굳이 설정해주지 않아도 되지만, ... (이게 최선인가?)
 

프로젝트 생성

> npm init nuxt-app nuxtProject

 

모듈 추가 및 설치

> npm i @nuxtjs/composition-api

 

composition-api 설정

nuxt 2에서 vue composition-api를 사용하기 위해서 설정이 필요하다.

  buildModules: [
    // https://go.nuxtjs.dev/typescript
    '@nuxt/typescript-build',
    '@nuxtjs/composition-api/module', // ★
  ],

buildMoules에 composition-api 내용을 추가 안해주면 composition-api 기능을 사용하지 못한다. 빼고 해보면 안다.
 

github 공유

https://github.com/seodaeya/nuxtCompositionApiSample

GitHub - seodaeya/nuxtCompositionApiSample: nuxt + composition-api

 
 

관련 글

Vue 3.x 프로젝트 생성 및 설정