VueCLI 활용하여 Vue3 시작하기

이윤건·2022년 11월 6일
0

vue를 시작하는 방법 중 간단하고 빠르게 시작할 수 있는 VueCLI를 사용하였습니다. webpack 기본설정을 자동으로 해주고 필요시 vue.config.js 부분에서 수정이 가능합니다.
또한 vue 공식홈페이지에서 대형 어플리케이션 구축시 npm을 권장하고 있습니다. yarn 보다 빌드 속도가 느릴 수 있지만, 회사에서 npm을 사용하고 있고 새로운것을 익히며 시간을 사용하는 것보다는 익숙한 npm을 선택하였습니다.

  1. vue cli를 설치합니다.
npm install -g @vue/cli
  1. vue cli를 이용하여 web project를 생성합니다.
vue create my_web

저는 여기서 Vue 3를 선택하였습니다.

  1. 선택 후 자동으로 생성되는 것을 확인 할 수 있습니다.

  2. 생성 후 본인이 만든 폴더에 접근해서 프로젝트를 실행시켜보겠습니다.

cd my_web
npm run serve

8080 포트에서 제대로 실행되는 것을 확인 할 수 있습니다.

profile
안녕하세요 맥코입니다

0개의 댓글