MacOS - Visual Studio Code 설치하기

개발자들에게 인기 많은 Visual Studio Code를 설치하려고 해요.

Visual Studio Code

| 🔗 Visual Studio Code

VS Code이 장점을 빠르게 사삭~ 훑어볼게요.

• 크로스 플랫폼 지원 : VS Code는 Windows, macOS, Linux에서 실행되므로 개발자는 사용하는 운영 체제에 상관없이 이를 사용할 수 있습니다. 따라서 다양한 플랫폼에서 작업하는 팀에게 유용한 도구가 됩니다.
• 확장성 : VS Code에는 에디터에 새로운 기능을 추가하기 위해 설치할 수 있는 풍부한 확장 에코시스템이 있습니다. Debug, Lint 및 소스 제어와 같은 작업뿐만 아니라 광범위한 프로그래밍 언어를 위한 확장 기능이 있습니다.
• 통합 터미널 : VS Code는 개발자들이 편집기를 떠나지 않고 셸 명령을 실행할 수 있는 통합 터미널을 가지고 있습니다. 이를 통해 시간을 절약할 수 있으며 코드 편집과 실행 중인 명령 간에 쉽게 전환할 수 있습니다.
• IntelliSense : VS Code의 IntelliSense 기능은 많은 프로그래밍 언어에 지능형 코드 완성 및 제안 기능을 제공합니다. 이를 통해 개발자는 코드를 더 빠르고 더 적은 오류로 작성할 수 있습니다.
• Git 통합 : VS Code에는 Git 지원 기능이 내장되어 있어 커밋, 푸시 및 코드 풀링과 같은 일반적인 Git 작업을 쉽게 수행할 수 있습니다. 이것은 시간을 크게 절약할 수 있으며 개발자들이 더 효율적으로 작업할 수 있도록 도와줍니다.
• 디버깅 지원 : VS Code는 디버깅 코드를 기본적으로 지원하므로 문제를 진단하고 해결할 때 매우 유용합니다. 많은 프로그래밍 언어에 대한 디버깅을 지원하며 개발자가 중단점을 설정하고 변수를 검사하고 코드를 단계적으로 수행할 수 있습니다.
• 사용자 정의 가능한 키 바인딩 : VS Code를 통해 개발자는 개인 선호도에 맞게 키 바인딩을 사용자 정의할 수 있습니다. 이렇게 하면 편집기를 보다 편안하고 효율적으로 사용할 수 있습니다.

 

설치하기

이제 바로 설치를 할 게요. 저는 Homebrew로 설치를 진행합니다.

% brew install --cask visual-studio-code
==> Downloading https://formulae.brew.sh/api/cask.jws.json
######################################################################## 100.0%
==> Downloading https://update.code.visualstudio.com/1.76.2/darwin-arm64/stable
==> Downloading from https://az764295.vo.msecnd.net/stable/ee2b180d582a7f601fa6ecfdad8d9fd269ab1884/VSCode
######################################################################## 100.0%
==> Installing Cask visual-studio-code
==> Downloading https://formulae.brew.sh/api/formula.jws.json
######################################################################## 100.0%
==> Moving App 'Visual Studio Code.app' to '/Applications/Visual Studio Code.app'
==> Linking Binary 'code' to '/opt/homebrew/bin/code'
🍺  visual-studio-code was successfully installed!

설치 완료! 당연히 간단하죠~!

바로 실행을 하면 App Store에서 설치하지 않았기 때문에 확인창이 떠요. 이건 맨 처음 한 번만 나타나니 Open으로 열어줍니다.

설정하기

테마 설정

가장 설정 페이지가 나오네요. 첫 번 째 메뉴는 테마 설정이에요. 저는 눈의 피로도를 줄여주기 위해 Dark로 설정했어요.

Dark vs Dark High Contrast

두 번째 메뉴는 다른 장비의 설정을 동기화하는 것인데, 오래 사용한 만큼 설치하고 안 쓰는 것들도 많아서 저는 그냥 깔끔하게 새로 설정하려고 패스합니다.

상단의 Search 메뉴를 활성화하는 단축키 ⇧⌘P(Shift + Command + P)를 알려주네요.

버튼 하나로 다양한 언어 Extension을 설치할 수 있는 검색을 쉽게 할 수 있게 해주네요.

아래의 Next Section을 누르면 추가 메뉴를 볼 수 있어요.

기본 설정

Commonly Used >  Auto Save를 설정해 줍니다. 자동 저장 기능은 아주 유용한 기능이니까요.

Text Editor > Formatting에서 자동 포맷팅 기능을 활성화합니다. 코드를 예쁘게 정렬해줘서 가독성을 높이는 데 도움이 돼요.

일단 기본 설정은 이 정도를 해두고 나머지는 각 언어 확장 프로그램을 설치하고 추가하도록 해요.

 

개발 환경 설정하기

💡 MacOS에 Flutter 개발 환경 세팅하기 - feat. Homebrew에서 전체 설치 방법을 확인하실 수 있습니다.

• Xcode, iOS Simulator
• Homebrew
• iTerm2
• Visual Studio Code
• Flutter
• CocoaPods
• Java
• Android Studio, Android SDK, Android Emulator