Haroon DevLog

안녕하세요, 오늘은 Vue.js 설치하는 법에 대해 알아보겠습니다.

1. Node.js 설치
Node.js는 공식홈페이지와 NVM이라는 버전 관리 툴에서도 다운로드 받을 수 있는데,

오늘은 공식 홈페이지에서 다운로드 해보겠습니다.

https://nodejs.org/ko 에 접속하셔서 LTS 버전을 다운로드 합니다.

(* 여기서 LTS 이란 Long Term Service의 약자로 장기 지원되는 버전을 뜻합니다.)

다운로드 하실 때 기본 설정으로 받으시면 문제가 없을 겁니다.

정상적으로 설치가 되었는지 확인하려면 window cmd에서 node -v 커맨드와 npm -v 커맨드를 입력해보면 됩니다.

2. Vue.js 설치

아래 커맨드를 입력하여 vue.js를 다운로드 합니다.

npm install -g @vue/cli // 가장 최신버전

npm install -g @vue/cli@3.6.4 // vue3 특정 버전
npm install -g vue-cli@2.0.1 // vue2 특정 버전

vue --version 커맨드를 입력하여 정상적으로 설치되었는지 확인합니다.

Node와 Vue.js를 정상적으로 설치한 뒤 Window Cmd에서vue --version 을 입력했는데

아래와 같은 오류 메시지가 나오는 경우 해결했던 방법을 공유드립니다.

'vue'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

1. Window Powershell을 관리자 모드로 실행합니다.

2. Powershell에서 허용 커맨드를 입력합니다.

Set-ExecutionPolicy RemoteSigned
Y

3. 다시 cmd 창에서 vue.js 버전을 확인하면 정상적으로 나오는 것을 볼 수 있습니다.

문의 사항이나 혹시나 설명에 잘못된 부분이 있다면 언제든지 댓글 부탁드립니다!

감사합니다.