Vue 설치부터 프로젝트 생성까지

준비 환경

• npm 또는 yarn이 설치되어있어야 함

 

Vue CLI 설치

• npm을 이용하여 Vue CLI 설치

$ npm install -g @vue/cli

• yarn을 이용하여 Vue CLI설치

$ yarn global add @vue/cli

 

프로젝트 생성

vue create 명령어를 이용하여 프로젝트 생성

$ vue create my-app

 

preset 선택

• default: babel, eslint 포함하여 프로젝트 생성

preset 선택

yarn을 사용할 것인지 npm을 사용할것인지 선택.

본 글에서는 yarn을 사용한다.

yarn 또는 npm 선택

 

실행

yarn serve 명령어를 사용하여, 서버를 실행한다.

$ cd my-app
$ yarn serve

 

http://localhost:8080/ 로 접속하여, 정상적으로 실행이되는지 확인한다. (아래와 같은 화면이 나와야 정상)

위와 같은 화면이 나와야 정상