wsl 에서 Visual Studio Code 연동

wsl 확장 과 함께 vs 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)에서 파일 편집

1. VS Code 및 WSL 확장 설치

    https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

 

vs code를  시스템 사양에 맞게 다운 받는다.

 

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

• 원격 개발 확장 팩을 설치합니다. 이 확장 팩에는 원격 - SSH 및 Dev Containers 확장 외에도 WSL 확장이 포함되어 있어 컨테이너, 원격 컴퓨터 또는 WSL에서 모든 폴더를 열 수 있습니다.
• https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack

Remote Development - Visual Studio Marketplace

2. Linux 배포 업데이트

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

sudo apt-get update

wget(웹 서버에서 콘텐츠 검색) 및 ca-certificates(SSL 기반 애플리케이션이 SSL 연결의 신뢰성을 확인하도록 허용)를 추가하려면 다음을 입력합니다.

sudo apt-get install wget ca-certificates

3. Visual Studio Code에서 WSL 프로젝트 열기

이제 wsl 명령줄에서 code . 을 입력 한다.

# code .

wsl 에서 vs code 가 실행 되는 걸 볼 수 있다.