Linux용 Windows 하위 시스템에서 Visual Studio Code 사용 시작

원격 wsl 확장과 함께 Visual Studio Code를 사용 하면 VS Code에서 직접 wsl을 전체 시간 개발 환경으로 사용할 수 있습니다. 다음 작업을 수행할 수 있습니다.

  • Linux 기반 환경에서 개발
  • Linux 특정 도구 체인 및 유틸리티 사용
  • Outlook 및 Office와 같은 생산성 도구에 대 한 액세스를 유지 하면서 Windows의 편안한 기능에서 Linux 기반 응용 프로그램을 실행 하 고 디버그 하세요.
  • VS Code 기본 제공 터미널을 사용 하 여 선택한 Linux 배포를 실행 합니다.
  • Intellisense 코드 완성, lint, 디버그 지원, 코드 조각유닛 테스트 와 같은 VS Code 기능 활용
  • VS Code의 기본 제공 Git 지원 으로 손쉽게 버전 제어 관리
  • wsl 프로젝트에서 직접 명령 및 VS Code 확장 실행
  • pathing 문제, 이진 호환성 또는 기타 OS 간 문제에 대해 걱정 하지 않고 Linux 또는 탑재 된 Windows 파일 시스템 (예:/mnt/c)에서 파일을 편집 합니다.

VS Code 및 원격 wsl 확장 설치

  • VS Code 설치 페이지 를 방문 하 여 32 또는 64 비트 설치 관리자를 선택 합니다. wsl 파일 시스템이 아닌 Windows에 Visual Studio Code를 설치 합니다.

  • 설치 하는 동안 추가 작업을 선택 하 라는 메시지가 표시 되는 경우 코드 명령을 사용 하 여 wsl에서 폴더를 쉽게 열 수 있도록 경로에 추가 옵션을 선택 해야 합니다.

  • 원격 개발 확장 팩을 설치 합니다. 이 확장 팩은 원격-SSH 및 원격 컨테이너 확장 외에도 원격-WSL 확장을 포함 하 여 컨테이너, 원격 컴퓨터 또는 WSL의 모든 폴더를 열 수 있도록 합니다.

중요

원격 WSL 확장을 설치 하려면 VS Code의 1.35 버전 이상이 필요 합니다. 자동 완성, 디버깅, lint 등에 대 한 지원이 손실 될 것 이므로, 원격-wsl 확장이 없으면 VS Code에서 wsl을 사용 하지 않는 것이 좋습니다. 흥미로운 사실:이 WSL 확장은 $HOME/확장명 (PowerShell에서 명령을 입력)에 설치 됩니다 ls $HOME\.vscode\extensions\ .

Linux 배포 업데이트

일부 wsl Linux 배포판에는 VS Code 서버에서 시작 하는 데 필요한 라이브러리가 부족 합니다. 패키지 관리자를 사용 하 여 Linux 배포에 라이브러리를 더 추가할 수 있습니다.

예를 들어 Debian 또는 Ubuntu를 업데이트 하려면 다음을 사용 합니다.

sudo apt-get update

Wget (웹 서버에서 콘텐츠 검색) 및 ca 인증서 (SSL 기반 응용 프로그램에서 SSL 연결의 신뢰성을 확인할 수 있도록 하려면)를 추가 하려면 다음을 입력 합니다.

sudo apt-get install wget ca-certificates

Visual Studio Code에서 WSL 프로젝트를 엽니다.

명령줄에서

WSL 배포에서 프로젝트를 열려면 분포의 명령줄을 열고 다음을 입력 합니다. code .

VS Code 원격 서버를 사용 하 여 wsl 프로젝트 열기

VS Code에서

바로 가기를 사용 하 여 추가 VS Code 원격 옵션에 액세스할 수도 있습니다. CTRL+SHIFT+P VS Code에서 명령 팔레트를 표시 합니다. 다음을 입력 하면 Remote-WSL 사용할 수 있는 원격 옵션 VS Code의 목록이 표시 됩니다 .이를 통해 원격 세션에서 폴더를 다시 열고에서 열 배포를 지정할 수 있습니다.

VS Code의 명령 팔레트

VS Code 원격 내의 확장

원격 wsl 확장은 Windows 컴퓨터에서 실행 되는 클라이언트 (사용자 인터페이스)와 원격으로 실행 되는 서버 (사용자 코드, Git, 플러그 인 등)를 사용 하 여 VS Code를 "클라이언트 서버" 아키텍처로 분할 합니다.

원격 VS Code를 실행 하는 경우 ' 확장 ' 탭을 선택 하면 로컬 컴퓨터와 wsl 배포 간에 분할 된 확장의 목록이 표시 됩니다.

테마와 같이 로컬 확장을 설치 하는 경우에는 한 번만 설치 하면 됩니다.

Python 확장 또는 lint 또는 디버깅과 같은 항목을 처리 하는 것과 같은 일부 확장은 각 원격 wsl 배포에 별도로 설치 되어야 합니다. ⚠wsl 원격에 설치 되지 않은 확장을 로컬로 설치 하는 경우 VS Code에는 녹색 "wsl에 설치" 단추가 표시 됩니다.

원격-wsl 확장 및 로컬 확장을 사용 하 여 VS Code

자세한 내용은 VS Code 문서를 참조 하세요.

  • wsl에서 원격 VS Code 시작 하면 셸 시작 스크립트가 실행 되지 않습니다. 추가 명령을 실행 하거나 환경을 수정 하는 방법에 대 한 자세한 내용은이 고급 환경 설정 스크립트 문서 를 참조 하세요.

  • wsl 명령줄에서 VS Code를 시작 하는 데 문제가 있나요? 이 문제 해결 가이드 에는 경로 변수를 변경 하 고, 누락 된 종속성에 대 한 확장 오류를 해결 하 고, Git 줄 문제를 해결 하 고, 원격 컴퓨터에 로컬 VSIX를 설치 하 고, 브라우저 창을 시작 하 고, 웹 소켓이 작동 하지 않거나, 확장 데이터를 저장 하는 오류 등의 팁이 포함 됩니다

Git 설치(선택 사항)

다른 사람과 협업할 계획이거나 GitHub 같은 오픈 소스 사이트에 프로젝트를 호스팅할 계획인 분들을 위해 VS Code는 Git을 사용한 버전 제어를 지원합니다. VS Code의 소스 제어 탭은 모든 변경 내용을 추적하며, UI에 바로 빌드된 일반적인 Git 명령(추가, 커밋, 푸시, 끌어오기)를 포함하고 있습니다.

git를 설치 하려면 Linux용 Windows 하위 시스템을 사용 하도록 git 설정을 참조 하세요.

Windows 터미널 설치(선택 사항)

새 Windows 터미널는 여러 탭을 사용 하도록 설정 합니다. 즉, 명령 프롬프트, PowerShell 또는 여러 Linux 배포판 사이에서 빠르게 전환 하 고, 사용자 지정 키 바인딩 (열기 또는 닫기 탭에 대 한 사용자 고유의 바로 가기 키, 복사 + 붙여넣기 등),이 모 지 ☺ 및 사용자 지정 테마 (색 구성표, 글꼴 스타일 및 크기, 배경 이미지/흐림/투명도)를 사용 합니다. Windows 터미널 문서에서 자세히 알아보세요.

  1. 다음과 같이 Microsoft Store에서 Windows 터미널을 받습니다. Microsoft Store를 통해 설치하면 업데이트가 자동으로 처리됩니다.

  2. 설치가 완료되면 Windows 터미널을 열고 설정 을 선택한 다음, profile.json 파일을 사용하여 터미널을 사용자 지정합니다.

추가 리소스

다음과 같은 몇 가지 추가 확장도 고려해 볼 수 있습니다.

  • 다른 편집기의 키맵: Atom, Sublime, Vim, eMacs, 메모장++ 등의 다른 텍스트 편집기에서 전환할 때 이러한 확장을 사용하여 익숙한 환경을 만들 수 있습니다.
  • 설정 동기화: GitHub를 사용하는 여러 설치에서 VS Code 설정을 동기화할 수 있습니다. 여러 머신에서 작업하는 경우 이렇게 하면 여러 머신의 환경을 일관되게 유지할 수 있습니다.
  • Chrome 용 디버거: Linux를 사용 하 여 서버 쪽에서 개발을 마친 후에는 클라이언트 쪽을 개발 하 고 테스트 해야 합니다. 이 확장은 VS Code 편집기를 Chrome 브라우저 디버깅 서비스와 통합하여 효율성을 높입니다.