[Mac] vue.js 설치하기, 맥북 - 유딩동 Tistory

살면서 맥북을 처음 사용 하기에

맥북의 진입장벽이 어마어마 했다..

무엇보다 기존에 깔아놨던 개발툴들을 다시 까는 것이 꽤나 지옥이었다.

 

vue.js를 다시 사용하기 위해 맥북 설치하는 과정을 정리 하였다.

 

1. JDK 설치

https://www.oracle.com/java/technologies/javase/javase8-archive-downloads.html

 

사이트에 들어가서 원하는 버전을 다운로드 하면 된다.

 

 

윈도우와 별 다른 내용이 없었는데 다음에 깜짝 놀랐다.

 

 

ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

맥은 이렇게 설치할 때 마다 이런 화면이 뜨더라...

너무 신기 했다

 

 

자바 설치 끝

 

2. Node.js 설치

https://nodejs.org/ko/

Node.js

최신 버전보다는 안정된 버전을 쓰는 경우들이 많길래

나도 그렇게 진행했다.

 

이런 창 정말 적응 안된다

ㅋㅋㅋㅋㅋㅋㅋ

 

 

node 설치도 별 문제 없이 끝났다

 

3. vue js 설치

 

 

vue --version -> command not found: vue 
이게 정상이다! 아직 아무 것도 깔지 않았으니까

(sudo) npm install -g @vue/cli

sudo 없이 깔았더니 나는 permission denied가 뜬다

해서, sudo를 붙여줬다.

 

다시 뷰 버전을 물어보니

 

잘 설치가 되었다! :D

 

vue create project

뷰 프로젝트를 만들어준다

 

 

cd project
npm run serve

server 실행 해주자!

 

localhost:8080

입력 해보면 다음과 같은 화면이 뜬다!

 

Vue js 설치 완료!

 

4. VS CODE 설치

https://code.visualstudio.com

Visual Studio Code - Code Editing. Redefined

 

 

맥전용으로 다운 받아준다

 

그럼 이제 mac에서 vue를 사용할 준비가 끝났다!