[Vue.js] Vue Cli 설치방법 및 실행방법

Vue Cli 란?

• Vue 개발환경을 설정해주는 도구

설치방법

1. cmd를 실행시킨 후 'npm i -g @vue/cli' 입력 -> vue cli 설치
2. 'vue --version' 또는 'vue -V' 입력 -> 버전이 나오면 설치 된 것임
3. cmd에서 vue 프로젝트를 생성하고 싶은 폴더로 이동
4. 'vue create 프로젝트명' 입력 ( 프로젝트명 : vue_cli_example )
   • 아래 사진과 같이 버전선택 화면이 뜨는데 여기서 버전을 선택해야 됨
   • 원하는 버전 선택하면 되는데 일단 Vue 2로 진행 (Use NPM)

5. 버전 선택 후 조금만 기다리면 프로젝트 생성 완료

실행방법

1. 방금 생성한 프로젝트로 이동 후 'npm run serve' 입력
2. 다음과 같이 실행된 것을 확인할 수 있음

3. 위에 나와있는 주소인 'http://localhost:8080'로 이동하면 실행된 것을 확인할 수 있음