Windows 11에 Visual Studio Code를 설치하고 구성하는 방법

Windows 11에서 Visual Studio Code(VS Code)를 설정하는 것은 완전히 간단하지는 않습니다.물론 Windows는 필요 이상으로 복잡하게 만드는 경향이 있습니다.하지만 기본 사항만 익히면 코딩은 꽤 수월해집니다.대부분 효과가 있었던 방법은 다음과 같습니다.

설치를 위한 전제 조건

시작하기 전에 다음 사항을 확인하세요.

Windows 11 시스템(물론이지만요).
관리자 권한 – 이 권한이 없이 앱을 설치하는 것은 번거롭고 난해한 오류로 인해 실패하는 경우가 많습니다.
좋은 인터넷 환경이 필요합니다.설치 프로그램과 확장 프로그램을 다운로드하려면 약간의 대역폭이 필요합니다.

1단계: Visual Studio Code 설치 프로그램 다운로드

VS Code 공식 웹사이트에 접속하여 큰 ” Windows용 다운로드” 버튼을 클릭하세요.설치 프로그램은 작은 설치 파일로, 보통 다운로드 폴더에 저장됩니다.

어떤 설정에서는 문제없이 잘 작동하는데, 다른 PC에서는 다운로드 도중 멈추거나 시작이 거부되는 경우가 있습니다.이유는 모르겠지만, 문제가 발생하면 다시 시도하거나 브라우저를 바꿔보는 것이 좋습니다.

2단계: Visual Studio Code 설치

다운로드에서 해당 설치 파일을 찾아 두 번 클릭하고 안내를 따르세요.번거로움을 덜어주는 몇 가지 팁을 알려드리겠습니다.

모든 항목을 수락하되, 가장 중요한 것은 ” PATH에 추가 “를 체크하는 것 입니다.이 옵션을 체크 하면 code명령 프롬프트나 PowerShell에서 바로 명령을 실행할 수 있습니다.체크하지 않으면 터미널에서 VS Code를 실행하는 것이 매우 불편해집니다.
설정 중에 “지원되는 파일 형식의 편집기로 코드 등록”과 같은 옵션이 표시될 수 있습니다.원하는 대로 선택하거나 선택 해제하세요.일반적으로 기본값을 그대로 사용해도 괜찮습니다.
메시지가 나타나면 설치를 완료하고 컴퓨터를 다시 시작하세요. Windows는 환경 변수에 대해 까다로울 수 있습니다.

3단계: 시작 및 초기 설정

시작 메뉴나 바탕 화면 바로 가기를 통해 VS Code를 엽니다.처음 실행하면 다소 느릴 수 있으며, 선택적 구성 요소나 업데이트를 설치하라는 메시지가 표시될 수 있습니다.도움말 > 업데이트 확인을 통해 업데이트를 확인하세요.최신 버전에서는 버그가 수정되어 설치가 더 간편해질 수 있습니다.

4단계: 필수 확장 프로그램 설치

여기서 재밌는 부분이 있습니다.확장 프로그램은 VS Code를 특정 언어나 워크플로우를 위한 강력한 도구로 만들어 주는 플러그인과 같습니다.설치하려면 왼쪽 사이드바에서 확장 프로그램 아이콘(네 개의 사각형 모양)을 클릭한 다음 검색창에 확장 프로그램 이름을 입력하세요.

Python : 디버깅, IntelliSense, 린팅을 지원합니다. Python을 사용한다면 꼭 필요한 도구입니다.
Prettier : 저장 시 코드를 자동으로 포맷합니다.솔직히 말해서 누구의 코드든 엉망이 아닐 때 더 보기 좋으니까요.
라이브 서버 : 로컬 서버를 열어 HTML/CSS/JS를 즉시 미리 볼 수 있는데, 이는 웹 개발에 필수적인 기능입니다.

참고: 새로 설치한 확장 프로그램을 처음 설치할 때 실패하는 경우가 있습니다. VS Code나 PC 전체를 재시작하면 문제없이 설치되는 것을 본 적이 있습니다.물론 Windows가 필요 이상으로 어렵게 만들었기 때문입니다.

5단계: 가장 적합한 테마 선택

개인 설정 시간입니다! 파일 > 환경 설정 > 색상 테마 로 이동하세요.한 시간 후에도 머리가 아프지 않은 테마를 선택하세요.어두운 테마가 눈에 더 편하지만, 그건 개인적인 취향입니다.일부 설정은 확장 프로그램 마켓플레이스에서 제공하는 사용자 지정 테마를 지원하기도 합니다.완전히 다른 테마를 원한다면 말이죠.

추가 팁 및 일반적인 문제

VS Code가 실행되지 않거나 확장 프로그램이 설치되지 않는 경우, 다음과 같은 방법이 도움이 될 수 있습니다.

Windows 환경 변수가 올바른지 확인하세요.PATH설치 후 제대로 업데이트되지 않는 경우가 있습니다.대개 재부팅하면 해결됩니다.
방화벽이나 바이러스 백신 소프트웨어가 VS Code 또는 확장 프로그램 마켓플레이스를 차단하는지 확인하세요.경우에 따라서는 예외 처리가 필요할 수도 있습니다.
확장 프로그램을 업데이트하거나 설치하는 데 실패하면 PowerShell관리자 권한으로 실행해 보세요 Set-ExecutionPolicy RemoteSigned.스크립트 다운로드 문제를 해결하는 데 도움이 될 수 있습니다.

결론

Windows 11에서 VS Code를 설치하고 실행하는 것이 완전히 쉬운 것은 아니지만, 일단 구성하고 나면 기본 편집기보다 훨씬 업그레이드된 모습을 보여줍니다.확장 프로그램과 테마가 잘 정리되어 있어 매우 강력하고 사용자 정의도 가능합니다.사용하면서 수정하고 탐색해 보세요.오류가 발생하더라도 놀라지 마세요. Windows와 VS Code는 항상 여러분을 긴장하게 만듭니다.

자주 묻는 질문

JavaScript 이외의 언어에도 VS Code를 사용할 수 있나요?

물론입니다.확장 기능을 통해 Python, Java부터 C++, Go까지 거의 모든 것을 지원합니다.

VS Code는 무료인가요?

이건 당연하죠.오픈 소스이고 완전 무료이며, 아무런 조건도 없습니다.

VS Code를 어떻게 업데이트하나요?

대부분의 경우 메시지가 표시되지만, ‘ 도움말’ > ‘업데이트 확인’ 에서 수동으로 확인할 수 있습니다.일부 설정에서는 처음과 마찬가지로 최신 설치 프로그램을 다시 다운로드해야 할 수도 있습니다.

요약

공식 사이트에서 다운로드하고 설치 중에 “PATH에 추가”를 선택했는지 다시 한번 확인하세요.
확장 프로그램이나 업데이트를 설치하는 동안 이상한 오류가 발생하면 관리자 권한으로 실행하세요.
Python, Prettier, Live Server와 같은 주요 확장 프로그램을 설치하세요.가치가 있습니다.
기본 모양에 지쳤다면 테마를 사용자 정의하세요
다른 방법이 모두 실패하면 환경 문제를 해결하기 위해 터미널을 다시 시작하거나 관리자 권한으로 실행해 보세요.

누군가에게는 몇 시간이라도 단축될 수 있기를 바랍니다.여러 대의 컴퓨터에서 작동했던 기능인데, 나중에 좀 더 수고를 덜 수 있을 것 같습니다.