[WSL] WSL에서 `code .` 명령어로 VS Code를 연결해서 Open

Linux용 Windows 하위 시스템에서 Visual Studio Code 사용 시작를 참고하였습니다.

1. 환경 setting

• VS Code 설치 ✅ → 만약 WSL extension을 설치해야 한다면 VS Code 1.35 May release 이후 버전을 설치해야 한다.
• VS Code PATH 추가 ✅

  1. 설치 과정 중이라면?
  PATH에 추가 옵션 체크
  
  2. 설치했는데 PATH 추가 했는지 확인하고 싶다면?
  Windows 시작 > 시스템 환경 변수 편집 > 환경변수 클릭
  Path에 C:\Users\[USER]\AppData\Local\Programs\Microsoft VS Code\bin 해당 경로 추가

• VS Code의 Remote Development extension 추가 → WSL 확장이 포함되어 있어 Container, 원격 컴퓨터, WSL에서 모든 폴더를 열 수 있음.

2. Linux 배포 업데이트

일부 WSL Linux 배포판(ex. Ubuntu)에는 VS Code 서버를 시작하는 데 필요한 라이브러리가 부족하기 때문에 패키지 관리자를 사용하여 Linux 배포판에 라이브러리를 더 추가해줘야 한다.

sudo apt-get update

우선 ubuntu를 업데이트 해주고

sudo apt-get install wget ca-certificates

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

3-1. VSCode 실행 - CLI에서 code . 으로 실행

VS Code로 열어볼 폴더에 접근한 후 code .을 입력해주면 VS Code가 열려야 한다.

문제발생 - Command Not Found

이런 식으로 에러가 뜬다..

[WSL2, VSCode] Command 'code' not found, did you mean: Try: sudo apt install 글을 참고하여 확인해보았다!

echo $PATH

앗.. 내가 놓친 부분은 wsl 환경의 PATH 변수에 VS Code Path 설정을 안 해주었던 것.. 위의 사진을 보면 PATH 변수에 VS Code/bin 경로가 없음을 확인할 수 있다.

vi ~/.bashrc

vi 에디터로 ~/.bashrc 파일을 열고

i 키로 수정 모드로 전환 후 맨 아래에 다음 코드를 추가해준다.

export PATH=$PATH:/mnt/c/Users/USER/AppData/Local/Programs/Microsoft\ VS\ Code/bin

ESC로 명령어 모드로 전환 후 :wq! 로 저장 후 에디터를 나간다. source ~/.bashrc로 저장해준 후 echo $PATH로 확인해보면

잘 뜬다!! 이제 code . 으로 확인해보자

문제 발생 - Invalid argument

망할 Windows...

아니 유효하지 않은 argument라는 의미인가?? 이게 무슨..

구글링을 해보니 microsoft의 vscode-remote-release에 같은 issue가 있는 것이 아닌가!!!

Code.exe: Invalid argument after upgrading to Windows 11 <<<< 이슈 클릭

후.. argo-workflows 대신 이 이슈 기여해볼까... 고민이다..
확인해보니 아직도 해결을 못 한 것 같더라고..?

-> 오 vi 코드에

export PATH=$PATH:/mnt/c/WINDOWS/ -> 추가된 부분
export PATH=$PATH:/mnt/c/Users/USER/AppData/Local/Programs/Microsoft\ VS\ Code/bin

더 추가해주니 된다1! permission denied가 뜬다^^ 그래서 root 계정으로 시도했지만 에러가 뜬다^^

3-2. VS Code에서 열기

VS Code의 왼쪽 하단에 보면 저렇게 눈에 띄는 버튼이 보일 것이다. 해당 버튼을 클릭하면 위에 여러 옵션들이 뜨는데 Connect to WSL(혹은 Connect to WSL using distro 옵션 > 본인의 배포판)을 클릭해준다.

짜잔 그러면 위와 같이 연결된 것을 확인할 수 있다!

이후에 터미널을 열고 argo-workflows에 접근한 후 code . 명령어를 입력하니

잘 뜬다!!!!!!