[Vue] 설치 설정 (mac.ver)

1. node.js 설치

vue cli는 뷰를 빠르게 실행 해주는 툴

2. 터미널에 설치

npm install -g @vue/cli

2-1. 에러 뜰 시, 관리자 권한으로 설치

sudo npm install -g @vue/cli

2-2. 버전 확인

vue --version

3. 프로젝트 생성

vue create <project name>

ex) vue create new-cli-project

 

4.

Manually select features 선택

 

5. 스페이스 누르고 enter 누르면 다음으로 이동

Babel, Router, Vuex 스페이스로 선택

 

6. yes

6. In package.json 선택

7. 위에 선택한 환경을 저장해둘래? 라는 의미

n 선택

 

8. 해당 프로젝트로 진입

cd new-cli-project

9. 터미널에 입력

npm run serve

하면 표시된다

 

10. 크롬에

localhost:8080 입력하면 표시 된다.