Visual Studio Code와 WSL 연동하기

Visual Studio Code와 WSL 연동하기

VSCode와 WSL을 연동하여 사용하는 방법에 대해 알아봅니다.


Remote WSL 확장 설치

VSCode를 켜고 extension 탭으로 간 뒤 "wsl"를 검색하세요. 맨 위에 Remote - WSL extension이 뜰 것입니다. Install 버튼을 눌러 설치합니다.

extension_wsl


Linux 배포판 최신화 및 라이브러리 설치

일부 WSL 배포판의 경우에는 VSCode를 실행하기 위한 라이브러리가 없을 수 있습니다.

이 경우에는 패키지매니저(apt, yum)를 최신화하고, 필요한 라이브러리를 설치하시기 바랍니다.


실행해보기

WSL 터미널에서 실행

원하는 프로젝트의 디렉토리에서 code . 명령어를 입력합니다.

첫 실행 시에는 자동으로 설치가 진행된 뒤 VSCode가 실행됩니다.

실행한 뒤, 창 왼쪽 아래의 초록색 부분에 WSL: [배포판 이름]이 정상적으로 뜬다면 성공입니다.

Get started using VS Code with Windows Subsystem for Linux

Ref.: Get started using VS Code with Windows Subsystem for Linux | Microsoft Docs

VSCode에서 실행

다음 그림과 같이 진행합니다.

vscode_open_remotewsl1

vscode_open_remotewsl2

vscode_open_remotewsl3


WSL에 확장 설치하기

Extension 탭을 열면 위쪽에는 Local(윈도우)에 설치된 확장 목록이, 아래쪽에는 WSL에 설치된 확장 목록이 뜹니다.

이미 로컬에 설치된 확장을 설치할 수도 있고, WSL에만 확장을 설치할 수도 있습니다.

다음 그림을 참고하세요.

extension_copy1

extension_copy2

extension_copy3

extension_copy4

extension_copy5