Vue-CLI → Vue 간단하게 실행하기

Vue-CLI

• Vue-CLI는 기본 CRA와 마찬가지로 webpack과 babel 같이 복잡한 설정을 별도로 하지 않고도 Vue 개발 환경을 설정해주는 아주 편리한 도구이다.
• 우선, npm 혹은 yarn이 설정되어 있어야 하고 node도 설치되어 있어야 한다.
• npm과 node가 세팅되어 있다면 아래 명령어를 이용해 vue를 설치하면 된다.

# npm
npm install -g @vue/cli
# yarn
yarn global add @vue/cli

Vue-CLI로 첫 프로젝트 만들어보기!

• 아래 명령어를 통해 간단히 Vue 프로젝트를 생성할 수 있다.

vue create [프로젝트명]

• 위 명령어를 통해 vue 프로젝트를 생성하려고 하면 아래처럼 Default 옵션을 선택할 지, 아니면 여러 기능을 직접 추가할 지에 대한 선택지가 나오는데 맨 위에 있는 Vue3 버전 Default를 선택하자.

• 세팅이 완료되면 아래와 같은 화면이 보일텐데 생성한 프로젝트 폴더로 이동해서 8080 포트에서 실행이 잘 되는지 확인하면 끝이다!

cd first-vue
npm run serve