Vuejs - CLI

Vue CLI

공식문서 - https://cli.vuejs.org/
Vue.js 개발을 위한 표준 도구
Vue로 빠르게 프로젝트를 구성하고 프로토타이핑을 하고 싶을 때 사용하는 CLI 도구
설치하려면 먼저 Node.js를 설치하고 NPM을 이용해야한다.

Node.js

• 자바스크립트를 브라우저가 아닌 환경에서도 구동할 수 있도록 하는 자바스크립트 런타임 환경
• 브라우저만 조작할 수 있던 자바스크립트를 SSR 아키텍처에서도 사용할 수 있도록 함

NPM(Node Package Manage)

• 자바스크립트 언어를 위한 의존성 패키지 관리자
• Command에서 써드파티 모듈을 설치하고 관리하는 툴
• Python의 Pip와 유사
• Node.js의 기본 패키지 관리자로 설치시 같이 설치됨
• 모듈(패키지) 검색 https://www.npmjs.com/
  
  

Start Vue CLI

1. Nodejs LTS 설치

https://nodejs.org/ko/

• cmd창에서 node -v 명령어로 버전정보 확인

2. CLI 설치

$ npm install -g @vue/cli #CLI 설치
$ vue --version	# cli 버전 확인

3. 프로젝트 생성

$ vue create my-first-app # 프로젝트 생성

#레지스트리 변경 및 Vue 버전 선택
Vue CLI v5.0.4
? Please pick a preset : (Use arrow keys)
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
  
$ cd my-first-app # 프로젝트 디렉토리 이동

$ npm run serve # 서버 실행