Coding/VSCode

Visual Studio Code (VS code) 다운로드 및 설치하기

Wonder Park 2023. 7. 26. 12:25
728x90

 

비주얼 스튜디오 코드 (나무위키) 

 

Visual Studio Code - 나무위키

이 저작물은 CC BY-NC-SA 2.0 KR에 따라 이용할 수 있습니다. (단, 라이선스가 명시된 일부 문서 및 삽화 제외) 기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권

namu.wiki

웹 개발을 시작하면서 처음 필요하다고 하는 텍스트 에디터입니다.

"생활코딩" 으로 배울 땐 ATOM으로 했는데 범용성이 높은 비주얼 스튜디오 코드로 바꿔서 끄적이고 있습니다. 

마이크로소프트 계정 동기화 통해서 여기저기서 잘 사용하고 있습니다. 

 

비주얼 스튜디오 코드 다운로드

아래 링크로 들어가면 다운로드할 수가 있습니다.

 

Download Visual Studio Code - Mac, Linux, Windows

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

code.visualstudio.com

각자의 운영체제에 맞는 파일을 다운로드 하면 됩니다. 저 같은 경우 Mac 에서 zip 파일을 다운 받았습니다. 

 

비주얼 스튜디오 코드 설치

다운로드 후 Zip 파일 압축을 풀면 바로 VSCode 파일이 나타납니다. 클릭을 하면 에디터가 설치되어 실행됩니다.

예전에는 한글 팩을 별도 설치해야 했던 것 같은데 지금은 한글로 실행할 것인지 하단에 팝업이 뜨고 클릭하면 즉시 한글 버전으로 재실행됩니다. (한글 팩이 설치됨)

 

왼쪽 하단에 로그인 아이콘을 클릭해서 "설정 동기화 켜기" - "로그인 및 켜기" - "마이크로 소프트 로그인"(or GitHub 로그인) 하면 동기화가 되어 다른 PC에서도 동일한 작업환경에서 작업을 할 수 있습니다. 

 

마지막으로 필수(추천) 확장 프로그램으로 "Live Server" 를 설치하면 초보자들의 기본 세팅은 1차적으로 끝납니다. 

그 후 작업을 하면서 다양한 확장 프로그램을 설치하면 됩니다. 추후 다룰 기회가 있을 것 같습니다. 

Live Server를 설치하면 작업과 동시에 로컬 서버 통한 웹 브라우저에서 바로바로 적용이 되는 모습을 확인할 수 있습니다. 

 

개발을 눈감고 할 수 있는 그날까지!!

728x90

'Coding > VSCode' 카테고리의 다른 글

M1 맥북에서 Xcode 관련 문제 해결  (0) 2023.08.17