[에러 로그] zsh: command not found: vue

맥북 에어를 사용하고 있는데, 터미널에서 global 키워드를 붙여서 패키지를 설치할 때 설치 후 버전 명령어를 입력하면 command not found를 만난 적이 많다...(node나 npm 버전은 잘 확인됨)

맥북 권한 문제라기에는(permission denied) sudo를 붙여서 설치를 해도 --version으로 확인을 해보면 항상 command not found가 뜨곤 했다..

(warn deprecated는 덤..이건 근데 패키지가 더이상 사용되지 않는다는 종류의 권장사항에 가깝다고 한다)

구글링을 해봤을 때 패키지가 설치되지 않은 건 아니라고 하는데, 다만 시스템 환경 변수에 Vue CLI가 설치된 경로가 등록되어 있지 않아서 발생할 수 있는 에러라고 한다.

macOS에서 환경변수를 설정하는 파일이 ~/.zshrc인데,
이 파일에서 PATH에 추가해줄 디렉토리를 설정해주면 해결할 수 있다.

설정을 바꿔주기 위해서 CLI 환경를 설정하는 에디터를 실행시켜야 하는데 nano, vim, emacs 등이 있다.

구글링한 블로그에서는 vim을 사용했고, chatGPT는 nano로 알려주더라... 나는 둘 다 참고하되 vim을 사용했다.

//vim editor 실행 
vim ~/.zshrc

//insert mode 진입
i

//export 구문 맨 아래에 새롭게 경로 추가 
//npm 패키지를 전역(global)으로 설치한 경우, 해당 패키지들의 실행파일이 위치하는 $HOME/.npm-global/bin 경로를 PATH 환경변수에 추가하여, 명령어를 어디서든지 사용할 수 있도록 해준다.
export PATH="$HOME/.npm-global/bin:$PATH"

//esc 눌러 insert모드 해제 후 저장 및 종료 명령어 입력 
:wq

//업데이트 한 내용을 적용하기 위해 source 명령어 사용
//source 명령어는 스크립트 파일을 수정한 후에 수정된 값을 바로 적용하기 위해 사용
source ~/.zshrc


//버전 확인
vue --version 

source 명령어를 사용하는 과정에서

/Users/jade/.zshrc:9: unmatched "

이런 에러가 떴었는데 추가한 경로에 맨 뒤에 " 따옴표를 빠트려서 에러가 난 거였다 ^^..

다시 insert 모드로 들어가서 따옴표를 붙여주니 제대로 작동했다.