본문 바로가기

Visual Studio Code

[Visual Studio Code] mac에 VS Code, node, npm 설치

 

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

사이트로 들어갑니다.

 

 

맥용 VS Code가 바로 보인다.

 

화면 왼쪽에 있는 다운로드 또는 우측 상단의 다운로드를 눌러주세요.

설치가 완료되면 Visual Studio Code.exe가 다운로드 폴더에 생성됩니다.

저는 실행시켜서 Dock에 유지를 켜줬습니다.

 

깔끔하게 VS Code가 들어와 있는 모습

 


 

node.js를 설치해줄 차례인데 mac에서는 homebrew라는 걸 쓰면 편하다고 하더라구요.

 

https://brew.sh/

 

Homebrew

The Missing Package Manager for macOS (or Linux).

brew.sh

프로그램 패키지 관리에 좋다고 합니다.

 

언어를 한국어로 바꿔도 상관 없음

Install Homebrew 아래의 명령어를 복사해 터미널에 붙여넣기 해줍니다.

 

명령어를 실행하게 되면 Press RETURN  to continue or any other key to abort 라고 뜨는데 말 그대로 RETURN(윈도우 enter)키를 눌러주면 계속 실행됩니다.

 

Mac 암호를 입력하라고 뜰텐데 아무것도 입력 안 되는 것처럼 보이지만 사실 입력 되고 있으니까 걱정 마시고 입력하신 후 엔터 누르시면 됩니다.

저는 안 보여서 한 번 틀렸지만 여러분은 잘 할 수 있을 겁니다.

 

Installation successful!

이 화면이 뜬다면 성공입니다.

 


 

brew install cask

cask를 설치합니다.

brew list

명령어를 활용하여

현재 homebrew에 설치된 패키지를 확인할 수 있는데,

여기서 cask가 있는지 확인합니다.

brew update

업데이트 명령어를 사용해 homebrew를 통해 필요 패키지 및 프로그램을 설치하기 전에

기존 패키지 및 프로그램의 업데이트 버전을 설치합니다.

brew install node

node를 설치해줍니다.

node -v // node 버전 확인
npm -v // npm 버전 확인

버전 확인 명령어로 잘 설치 되었는지 확인합니다.

 

mac에서 homebrew라는 패키지 설치 관리 프로그램을 활용해서 필요한 node.js를npm과 함께 설치해보았습니다.

윈도우보다 간단한 것 같아서 좋네요.