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

Visual Studio Code 원격 - WSL 확장과 함께 WSL을 VS Code 직접 전임 개발 환경으로 사용할 수 있습니다. 다음과 같습니다.

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

VS Code 및 원격 WSL 확장 설치

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

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

  • 원격 개발 확장 팩을 설치합니다. 이 확장 팩에는 원격 - SSH 및 원격 - 컨테이너 확장 외에도 원격 - WSL 확장이 포함되어 있으므로 컨테이너, 원격 컴퓨터 또는 WSL에서 폴더를 열 수 있습니다.

중요

원격 WSL 확장을 설치하려면 1.35년 5월 릴리스 버전 이상의 VS Code 필요합니다. 자동 완성, 디버깅, 린팅 등에 대한 지원이 손실되므로 원격 WSL 확장 없이 VS Code WSL을 사용하지 않는 것이 좋습니다. 재미있는 사실: 이 WSL 확장은 $HOME/.vscode/extensions에 설치됩니다(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 .

Open WSL project with VS Code remote server

VS Code

VS Code 명령 팔레트를 표시하려면 바로 가기 CTRL+SHIFT+P 를 사용하여 더 많은 VS Code 원격 옵션에 액세스할 수도 있습니다. 그런 다음 입력 Remote-WSL 하면 사용 가능한 VS Code 원격 옵션 목록이 표시되므로 원격 세션에서 폴더를 다시 열고 열 배포를 지정하는 등의 작업을 수행할 수 있습니다.

VS Code's command palette

VS Code Remote 내의 확장

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

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

테마와 같은 로컬 확장을 설치하려면 한 번만 설치하면 됩니다.

Python 확장 또는 Linting 또는 디버깅과 같은 항목을 처리하는 모든 확장은 각 원격 WSL 배포판에 별도로 설치해야 합니다. WSL 원격에 설치되지 않은 확장이 로컬로 설치된 경우 VS Code 녹색 "WSL에 설치" 단추와 함께 경고 아이콘⚠이 표시됩니다.

VS Code with Remote - WSL extensions vs local extensions

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

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

  • 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 브라우저 디버깅 서비스와 통합하여 효율성을 높입니다.