[Vue] Vue CLI 설치하기(yarn)

 

 

 

Vue CLI는 Vue 개발환경을 설정할수있게 해주는 도구이며, CLI를 이용하여 쉽게 프로젝트를 셋팅할 수 있게 해줍니다.

 

 

1. npm 또는 yarn 이 설치되어 있어야 합니다.

npm install -g @vue/cli
or
yarn global add @vue/cli

 

 

2. 설치 후 vue version 확인 했을때 버전이 나오면 정상적으로 설치 된것입니다.

vue --version 

 

3. 프로젝트 생성

vue create 프로젝트 이름

 

 

4. 필요한 라이브러리로 선택합니다.

default로 해도 되지만 필요한 라이브러리만 선택하기 위해서 Manually select features를 선택한다.

 

이렇게 여러가지 필요한 것들을 체크할수 있다(선택은 space bar 키).

 

 

여기서 나는 package.json 으로 선택해줬다.

 

 

5. 설치 완료 후 페이지를 확인합니다.

yarn serve 

 

하면 아래와 같이 url이 뜹니다. 클릭한 뒤 들어가 보면 vue.js 페이지가 잘 보이는것을 확인할 수 있습니다! :)

 

 

 

issue 랄것도 없는 issue

yarn serve를 했는데도 아래와 같은 오류가 떠서 무언가 했더니

해당 경로폴더에서 yarn serve를 안해서 이런 오류가 나오는 것이었네요.

해당 폴더에서 실행 시켜주면 잘 나옵니다~!

혹시라도 안된다면  npm i -g@vue/cli-service-global 해보자.