[VUE] Vue CLI 작업 환경 만들기

 

 

1. node 설치

 

- npm은 node.js의 패키지 관리자이다. npm을 사용하려면 node.js를 설치애햐 한다.

 

https://nodejs.org/ko/download/

다운로드 | Node.js

 

* 현재버전: 지금까지 나온 버전들 중 최신 버전

* LTS: 지금까지 나온 버전들 중 많은 사람들이 사용하면서 나온 버그들을 패치하여 가장 안정적인 버전

 

 

- node 와 npm 버전 확인하기

- 숫자가 나오면 정상!

node -v
npm -v

 

 

 

2. yarn 설치

 

npm install -g yarn

// 버전 확인
yarn --version

 

 

 

3. vue cli 설치

 

npm install -g @vue/cli
# OR
yarn global add @vue/cli

 

설치 후 확인

 

vue --version // 3.4.0

 

❗ vue/cli 설치가 안되고 에러가 뜨는 경우가 있는데 그 때는 파워쉘 관리자 모드로 열어서 접근 가능하게 권한을 변경해야 한다.

 

 

 

3. vue create

 

vue create vue-project

? Please pick a preset: (Use arrow keys)
> default (babel, eslint)
  Manually select features

- default: babel + eslint : 신속하게 프로토 타이핑 하는데 유용

- manually : 필요한 기능들을 선택해서 설정

 

 

 

---

참고

 

https://kr.vuejs.org/v2/guide/installation.html

설치방법 — Vue.js

 

https://sweetlog.netlify.app/vue/vue-cli/

Vue CLI 설치 및 프로젝트 생성 - 단비내리는