Vue js 설치 vue cli

 

vue/cli 설치하기

$ npm install -g @vue/cli
$ vue --version

 

 

⁉ 문제사항

문제 

- vue 를 설치했지만 찾을 수 없다고 함. 

 

확인 

$ npm list -g @vue/cli



/Users/desktop/.npm-global/lib
├── @vue/cli@5.0.8
└─┬ clear@ -> ./
  └── @vue/cli@5.0.8 deduped

vue cli 설치경로를 확인해준다.

설치경로를 확인 후 환경변수를 등록해준다 

 

 

해결

- 환경변수 등록해주기 

$ vi ~/.zshrc

# 추가
export PATH="/Users/desktop/.npm-global/bin:$PATH"


$ source ~/.zshrc

 

다시 뷰버전을 확인하여 환경변수가 등록이 되었는지 호출이 되었는지 확인한다. 

 

vue/cli 프로젝트 생성

$ vue create my-project

 

 

vue/cli 프로젝트 실행

$ cd vue-app
$ npm run serve

 

 

 

 

 

 

 

2. vue create app 

 

$ npm init vue@latest

 

 

필요한 옵션에 따라 선택해주면 되는데 가장 기본값으로 프로젝트를 생성함

 

$ cd vue-project
$ npm install
$ npm run dev

 

 

 

 

 

 

---

https://velog.io/@carrotsman91/Vue.js.01.시작-vuecli