Vue 프로젝트 생성

Vue.js (JavaScript Framework) , 레퍼런스 : https://ojava.tistory.com/185

개발환경
-VS Code (툴)
-Node.js


1.VS Code 설치

URL = https://code.visualstudio.com/

-시스템 버전으로 설치한다 (유저버전도 있음)

2.Node.js 설치

URL = https://nodejs.org

cmd에서 버전확인 명령어
node -v
npm -v

vscode 터미널에서 npm init -y 명령어 실행하면 package.json 파일이 생성된다.

npm을 통해 Node Module를 설치하는 방법은 npm install [module] [option]이다.

express 설치 : npm install express --save


3. 크롬 브라우저에서 Vue.js devtools를 설치

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd


4.vue CLI 3.0 설치

npm install -g @vue/cli 또는 yarn global add @vue/cli

버전확인 
vue --version

터미널에서 버전확인
vue.cmd --version


5.프로젝트 생성
vue create 프로젝트명 (케밥식으로 작성, ex : test-vue)

터미널에서 프로젝트 생성된다
vue.cmd create 프로젝트명

vue/cli 3.x 미만(1.x 혹은 2.x) 인 경우 : vue init webpack 프로젝트명

6.프로젝트 실행

실행 : npm run serve (프로젝트폴더로 이동 후 실행)
종료 : Ctrl + c

7.프로젝트 UI 실행