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

윈도우에서 VUE를 처음 설치하고 발생한 오류입니다. ( 이래서 개발은 MAC에서 하는가봅니다.. )

 

■ 원인 
이 메시지는 Windows 커맨드 프롬프트나 PowerShell에서 'vue'라는 명령을 실행하려고 할 때 해당 명령이 인식되지 않거나 시스템 경로에 설치되어 있지 않음을 의미합니다. 이는 주로 Vue.js 프레임워크의 명령줄 도구인 Vue CLI가 올바르게 설치되지 않았거나 시스템 환경 변수(PATH)에 등록되지 않았을 때 발생하는 에러 입니다.

원인은 알았으나, 해결 방법은 찾기 조금 힘들었는데요, 개인적으로 해결했던 방법을 공유 드립니다.
총 4가지 방법을 시도했으며, 아래 3가지에서 실패하신 분들은 4번으로 바로 넘어가셔서 시도해보시걸 추천 드립니다.

​​

1. vue 재설치
   • cmd창에서 삭제 명령어 실행 : npm uninstall vue-cil -g
   • cmd창에서 설치 명령어 실행 : npm install -g @vue/cli

결과 : 실패

​

2. node_module 삭제

• 해당 프로젝트의 node_module 폴더 삭제
• cmd창에서 배설치 명령어 실행 : npm i
• cmd창에서 재설치 명령어 실행 : npm run serve

결과 : 실패

​

3. 환경설정 PATH 추가

• 윈도우 클릭 -> 환경 검색 -> 시스템 환경 변수 편집 선택

 

• Path 변수에 "C:\Users\{사용자명}\AppData\Roaming\npm" 추가

결과 : 실패

​

여기서 슬슬 이성의 끈을 놓고 싶어지기 시작합니다.
그냥 MAC으로 돌리려다가.. 다시 삽질하여 방법을 찾았습니다.
결국 환경변수 문제였는데 돌아돌아 해결한 느낌이네요

​

4. 환경설정 PATH 추가

• 윈도우 클릭 -> 환경 검색 -> 시스템 환경 변수 편집 선택
• 환경변수 Path 에 npm-global 폴더 추가 "C:\Users\{사용자명}\.npm-global"

결과 : 성공

 

모두 에러없는 즐거운 개발 되셨으면 합니다 :)