[mac] Vue CLI 설치 및 프로젝트 생성

프로젝트 생성에 앞서 Node.js, npm 먼저 설치!!

 

Node.js 다운 받을때 NPM 자동으로 설치됨

NPM → 오픈소스 라이브러리를 패키지 형태로 바로 설치해서 사용할 수 있게 해주는 도구

 

Node.js 설치 후 터미널 실행!

Vue CLI 설치 후 터미널에서 프로젝트 생성 후 실행까지 진행하겠다! (모든 과정은 mac 터미널 기준)

1. Vue CLI 설치

Vue CLI?

• Vue 프로젝트를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 도와주는 도구

NPM에 등록된 패키지는 npm install ‘패키지명'으로 설치 가능

 

2. Vue 프로젝트 생성

vue create ‘프로젝트명”

Default로 선택시 자동으로 기본설정이 포홤된 프로젝트 생성

 

3. Vue 프로젝트 실행

CLI 설치와 vue 프로젝트 생성 완료 후 프로젝트 폴더로 이동 후 서버 실행

npm run serve → 기본 포트 8080으로 실행

npm run serve — —port “0000” → 특정 포트로 실행