윈도우용 Visual Studio Code로 WSL(Windows Subsystem for Linux)환경에서 개발하기
리눅스에서 WSL로 개발 환경을 옮겨오기로 마음을 먹고 꽤 순조롭게 옮겨왔다고 생각했다.
- 윈도우 WSL 로 개발 환경 만들기(http://www.dorajistyle.pe.kr/2019/02/setup-wsl-development-environment.html)
- WSL에 Visual Studio Code 설치하기(http://www.dorajistyle.pe.kr/2019/05/wsl-visual-studio-code.html)
그러나, 아쉽게도 VS Code 사용에 문제가 있었다.
그래서 얼마 전 WSL 환경에 비주얼 스튜디오 코드를 설치하고 한글 설정까지 마치고는 뿌듯해했으나, 실제 사용해보니 영 마음에 차지 않는다.
가장 큰 이유는 윈도우즈용 X server가 자꾸 멈추는 것이다.
비주얼 스튜디오를 켜고 뭘 좀 해볼까 하면 '응답이 없습니다. 어쩔까요? 끌까요? 기다릴까요?' 메시지가 자꾸 뜬다. VcXsrv문제인가 싶어 MobaXterm을 띄워봐도 마찬가지다.
또 컴퓨터를 켤 때마다 윈도우즈용 X server를 띄워야 하는 작업이 추가되는 것도 여간 귀찮은 일이 아니다.
뭔가 다른 방법이 없을까?
고맙게도 VS Code에서 해결책을 줬다.
Visual Studio Code Insider 1.34버전에서 Remote Development extensions을 설치하면 윈도우용 VS Code에서도 WSL 개발 환경이 손쉽게 접근된다!
(다만 아직 VS Code 정식 릴리즈 버전이 1.33.1이라 정식 버전에서 지원은 좀 더 기다려야 한다.)
Visual Studio Code Insider에 Remote Development extensions (Remote WSL)설치 및 설정
- 윈도우용 VS Code Insider(https://code.visualstudio.com/insiders/)를 받아 설치한다. 리눅스용이 아니라 윈도우용!
- VS Code Insider를 설치하고 Remote Development extensions(https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack)를 설치한다.
- 윈도우 cmd에서 git config --global core.autocrlf false 커맨드를 입력한다. (true로 해 두면 WSL과 line ending이 달라 수정하지 않은 파일도 '수정됨'상태로 보인다.)
- WSL 터미널을 연다.
- VS Code에서 열고 싶은 폴더로 이동한다.
$ code-insider .를 입력한다.(최초 한 번만 입력하면 된다.)- 필요한 extension은 'Install on WSL'를 이용해 WSL 쪽에 설치해서 사용한다.
설치한 지 얼마 안되었지만 지금까지는 만족스럽다.
watcher도 잘 동작하고, Xserver를 이용했을 때보다 반응속도도 빠르고 안정적이다.
아직 preview 버전이라 자잘한 오류등이 나타날지도 모르지만, 이 정도면 감지덕지다.
참고 문서
- Developing in WSL(https://code.visualstudio.com/docs/remote/wsl)
by 月風
