뭐든 즐기면서 ;)

Vue.js install / Vue.js 설치 본문

FRONT/Vue.js

Vue.js install / Vue.js 설치

Tada.*+ 2022. 10. 4. 22:27
728x90

Vue.js는 npm package 명령어를 사용하여 설치합니다. 해서, npm 설치 후 vue를 설치할 것입니다.

1. npm 설치하기

https://nodejs.org/en/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

  • 설치 파일을 실행시켜줍니다.
  • 설치 창이 켜지면 내용을 읽어가며 'Next'를 눌러줍니다.
  • 진행하다보면 아래와 같이 Window PowerShell이 뜨고 계속 npm 설치가 진행됩니다.

npm 설치 진행 중

  • 설치 완료.

npm 설치 완료

  • 설치 확인.
> npm -v

2. npm을 통해 Vue.js 설치하기

  • 관리자 권한으로 CMD 실행하여 vue 설치하기
> npm install vue

  • vue cli 설치
# vue는 설치했으나, command line에서 사용할 수 없는 상태.
> vue
'vue'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

# command line에서 사용하기 위해 @vue/cli를 설치.
> npm install -g @vue/cli

  • 설치 확인하기
> vue

  • vue cli-init 설치(vue project 생성 시 필요함)
> npm install -g @vue/cli-init
728x90

'FRONT > Vue.js' 카테고리의 다른 글

Vue.js config / Vue.js 설정 / Vue.js 기본  (0) 2022.10.06
Vue.js npm 기본 명령어  (0) 2022.10.06
Vue.js init / Vue.js 프로젝트 생성하기  (0) 2022.10.04
Comments