[Project] Nuxt.js 프로젝트 시작하기
업데이트:
친구와 프로젝트를 하나 시작해보려고 한다.😊
이번에 프론트앤드로 Nuxt.js를 사용하게 되었다. ex) NustJs 공식홈페이지
그래서 처음으로 프로젝트를 생성하고 실행하는 과정을 정리해보고자 한다.
yarn 설치하기
#brew로 yarn 설치하기
$ brew install yarn
#설치 되었는지 확인하기
$ yarn
위와 같이 설치가 되었음을 알 수 있다.
Next.js 프로젝트 만들기
#프로젝트 만들기
#yarn create nuxt-app <프로젝트 이름>
$ yarn create nuxt-app bo-naem-front
중간에 필요한 옵션들을 설정해주면 아래와 같이 프로젝트가 생성됨을 확인 할 수 있다.
Next.js 프로젝트 시작하기
#디렉토리 이동
$ cd bo-naem-front
#프로젝트 실행
$ yarn dev
위의 사진과 같이 실행이 되면,
아래 사진 처럼 주소창에 localhost:3000 를 입력하면 Vuetify.js가 떠있는 것을 확인 할 수 있다.
깔끔하게 프로젝트 생성 성공!✨
🌿 Reference