[1] Mac에서 vue.js 설치하고 환경변수 설정하기(command not found : vue 오류 해결방법)

우선 구글에서 node.js 를 쳐서 공식홈페이지에가서 다운받는다.

 

https://nodejs.org/ko/

Node.js

 

다운받는 2개중에 LTS버전을 받아준다.

안정적인 버전이란 뜻

 

설치를 쭉쭉해주고 node --version 치면

 

이렇게 나온다.

 

이제 vue 를 설치해보자

 

npm install -g @vue/cli

잘 설치가 되었는지

 

vue --version 을 쳐서 확인해본다

 

 

위와 같지 나오지 않고

 

command not found : vue 

 

라고 에러가 떳었다. 

 

이 문제는

vue 명령어 엔터 

했을 때 vue 프로그램을 찾아서 실행해야 하는데 vue 프로그램을 실행하기 위해서는

 

환경변수라는 곳에 프로그램 리스트들이 들어있고 거기에 vue가 어느경로에 있는지 알고있어야 vue 프로그램을 실행시킬 수 있는데

어딨는지 못찾아서 생긴 문제이다.

 

환경변수를 설정하려면 다음과 같이한다.

 

echo $Shell
// 어떤 shell 을 쓰고있는지 확인
// bin/zsh가 나오면 zsh를 쓰고있단 뜻

1.환경변수 편집
2.환경변수 적용커맨드 실행(새로고침)
3.잘 적용되었는지 vue --version 실행

zsh의 환경변수는

vi ~/.zshrc 
를 실행해서 안에다가 추가해준다 (i 키 눌러서 편집 들어가고 esc -> i -> x로 빠져나온다)

내가 추가해준 코드는
 export PATH=$HOME/.npm-packages/bin:$PATH
 이다. .npm-packages/bin 에다가 vue를 설치했어서 PATH <<이게 환경변수이름인데 저 목록을 넣어줬다.
 
 이후 2번인
 
 source ~/.zshrc 를해서 새로고침해주고
 
 vue --version 을 실행하면 된다.

 

위와 같이하면 대부분 발생하는 command not found 해결이 가능할 것이다.