맥에서 vscode 설치 및 Node.js 개발 환경 세팅

noyo0123·2019년 12월 5일
0

개발환경 macOS Catalina v10.15.1

vscode 설치

https://code.visualstudio.com/ 로 이동합니다.
vscode를 다운로드 받습니다.

VSCode-darwin-stable.zip을 풀고, Visual Studio Code을 응용 프로그램으로 드래그 앤 드롭합니다.


위 예제는 JetBrains Toolbox입니다.

악성 소프트웨어가 있는지 확인할 수 없기 때문에 열 수 없습니다 이런 메시지가 뜨면 확인을 눌러서 실행이 안됩니다.
왼쪽상단 사과 -> 시스템 환결설정 -> 보안 및 개인 정보 보호에 보시면 visualcode 관련된 메시지가
다음에서 다운로드한 앱 허용 밑에 나와요. 확인 눌러주면 됩니다.

터미널에서 vscode 실행하기

cmd + shift + p로 명령 파레트를 실행해줍니다.
shell command 입력해서

Install 'code' command in PATH를 클릭해줍니다.

이제 터미널에서 code 명령으로 visual studio code를 실행할 수 있습니다.

vcode 추가할 것

세팅을 저장해서 이곳 저곳에서 설정을 또 다시 하지 않게끔 해보자.
Setting Sync

Node.js 설치

nvm은 여러 Node.js 버전을 분리하여 사용할 수 있는 Node.js 버전 매니저입니다.

기존에 Node.js를 설치 안하셨다는 가정하에 합니다.
설치를 기존에 하신적이 있다면 노드를 제거해야된다네요. 이 분이 정리하신 방법을 써보시길 바랍니다.

Node.js 버전 매니저중 n을 쓴다면 기존 Node.js를 제거하지 않아도 쓸 수 있답니다.
전 nvm 을 통해 Node.js 설치해서 사용해보겠습니다.

nvm 설치

https://gist.github.com/falsy/8aa42ae311a9adb50e2ca7d8702c9af1

추가

brew install nvm
최대한 대부분의 애플리케이션을 nvm으로 설치해서 관리합니다.

nvm으로 node.js 설치하면 webstorm에서 tslint에서 node.js interpreter설정해달라고합니다.
레퍼런스 에 나온대로 nvm에서 설치한 node.js 버전중 특정 버전을 설정해주면 빨갛게 webstorm에 에러메시지가 나오지 않습니다.

curl을 이용하여 네트워크 요청을 보내서 nvm 설치 쉘을 받아서 실행시키는 방법인가봐요.

터미널에 다음과 같은 명령어를 쳐줍니다.
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

만약에 아래와 같은 에러가 발생하시면
xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun Failed to clone nvm repo. Please report this!

터미널에 다음 명령어를 실행해주시면 됩니다.
xcode-select --install

다시 nvm 설치합니다. curl 명령어 또는 HomeBrew로 설치할 수 있습니다.

curl

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

Homebrew

brew install nvm

설치후 환경 변수를 설정해줍니다.
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

node.js 설치

저는 stable한 최신 버전을 설치 했는데요.

특정 버전을 설치할때는 이렇게 install 다음에 버전을 써주시면 됩니다.
nvm install n.n.n

node.js 설치한 버전 사용하기

node.js 사용가능한 버전 보기

nvm ls

레퍼런스 : MAX OSX 에서 Visual Studio Code 설치 및 터미널에서 실행 - 김군의 삽질메모장
레퍼런스 : Mac에서 Node.js 설치하기 - Junsik's Blog
레퍼런스 : 처음 시작하는 Node.js 개발 - 1 - 설치 및 버전 관리(NVM, n) - Heropy Tech
레퍼런스 : [GIT] Mac OS에서 xcrun error 발생시 대처 방법 - 개발자 수노

profile
자바스크립트를 주언어로 개발을 배우고 있습니다. 서로 아는 것들을 공유해요~

0개의 댓글