목적

우선 설치까지 하자.
비망록으로 남기자.

Vue.js는 무엇입니까?

자바 스크립트 프레임 워크

MVVM 패턴을 채용

양방향 데이터 바인딩을 수행하는 것이 주요 역할

절차

이전에 Node.js를 만진 적이 있었기 때문에 npm은 들어있었습니다 ...

npm이란?
Node.js 패키지를 관리하는 도구
설치 방법은 생략합니다.

VueCLI 설치

$ npm install -g @vue/cli

프로젝트 만들기
잘했기 때문에 프로젝트를 만들겠습니다.
어라, 이하의 메세지 나와 잘 안된다・・・

$ vue create test

  vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
  You may want to run the following to upgrade to Vue CLI 3:

  npm uninstall -g vue-cli
  npm install -g @vue/cli

분명히 VueCLI 버전이 3 미만이기 때문에 "create"명령을 사용할 수없는 모양

일단 VueCLI 제거

npm uninstall -g vue-cli

npm 버전을 올리자.

npm update npm

다시 Vue를 설치하고 프로젝트를 만들자.

$ npm install -g @vue/cli
$ vue create test

도중에 선택을 요구한다
babel은 뭐야넨・・・
eslint는 뭐야 ...
우선 default로 작성하자.

❯ default (babel, eslint) 
  Manually select features 

*babel이란?
최신 Javascript로 작성된 코드를 지원되지 않는 브라우저를 위해 이전 버전으로 변환하는 도구

*eslint란?
Javascript 정적 검증 도구
코드를 실행하기 전에 명백한 버그를 찾습니다.

동작 확인

$ cd test
$ npm run serve

http://localhost:8080/ 방문

요약

npm의 버전이 오래되었거나, VueCLI의 버전이 오래되었거나와 길이 많았지만, 어떻게든 설치는 종료.
모르는 말이 많았기 때문에 의미는 적절하게 남겨 갑니다.