Vue js 설치

1.커멘드 창으로 vue 설치 

npm install vue

 

*** 이 단계에서 에러 메세지가 뜰 수 있다. 

내가 경험한 원인과 해결법을 정리해 봤다. 

1. npm이 설치가 안되있었다. --> 구글링을 통해서 npm 부터 설치

2. yarn 이 설치가 안되있었다. --> 구글링을 통해서 yarn 부터 설치

3. permission denied --->  앞에 sudo 를 붙이고 sudo npm install vue 로 하면 해결 가능 

** yarn과 npm은 결국 많이 쓰니까, 없다면 그냥 설치후 시작하는걸 추천한다. 

 

2.nodejs 설치 

nvm install node

 

3.vue cli

npm install -g @vue/cli 또는

yarn global add @vue/cli

 

5.vue 프로젝트 만들기 

vue create 폴더명

 

6. vue 프로젝트 돌리기

cd 폴더명

npm run serve

 

7.로컬 서버  http://localhost:8080 접속후  hello world 프로젝트 확인!

 

 

참조할점***

어떠한 에디터로 프로젝트 작업하는지 물어보는 사람이 꽤 있었다. 

나는 개인적으로 vs code를 이용하는것을 추천한다. 

 

그리고 vue를 설치하기 전에 꼭 설치하기를 추천하는 라이브러리가 있다 바로: CLI 이다. 

sudo npm install -g @vue/cli

 

참고한 웹사이트: https://ux.stories.pe.kr/136

Vue-CLI 도구 활용방법