리눅스에서 WSL로 개발 환경을 옮겨오기로 마음을 먹고 꽤 순조롭게 옮겨왔다고 생각했다.
그러나, 아쉽게도 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이라 정식 버전에서 지원은 좀 더 기다려야 한다.)
$ code-insider .를 입력한다.(최초 한 번만 입력하면 된다.)설치한 지 얼마 안되었지만 지금까지는 만족스럽다.
watcher도 잘 동작하고, Xserver를 이용했을 때보다 반응속도도 빠르고 안정적이다.
아직 preview 버전이라 자잘한 오류등이 나타날지도 모르지만, 이 정도면 감지덕지다.
윈도우용 비주얼 스튜디오 코드에서도 WSL의 파일을 열고, 변경하고, 저장하는게 된다.
다만 여러가지 불편한 점이 있는데, 가장 치명적인 문제는 아래 두 개다.
그 중 첫번째 문제는 파일을 저장할 때 마다 쉘에서 touch를 해주는 방법으로 해결했다.
vscode에 raiscui.save-and-run-wsl extension을 설치한다.
user_setting에 다음 추가.
“saveAndRun”: {
“commands”: [
{
“match”: “(.vue|.css|.js|.json|.html|.yaml)”, // watch할 원하는 확장자 추가
“isShellCommand”: true,
“cmd”: “touch $(echo ${file} | sed ‘s/.*(rootfs)//g’)”,
“wsl”: true,
“useShortcut”: false
}
]
}
그러나 아쉽게도 두번째 문제의 해결 방법을 찾지 못해서 귀찮지만 WSL에 리눅스용 Visual studio code를 깔아 사용하기로 했다.
sudo apt-get update && time sudo apt-get dist-upgrade // 패키지 업데이트sudo dpkg -i code_xxx.debsudo apt install libnotify4 libnss3 libxkbfile1 libgconf-2-4 libsecret-1-0 libgtk-3-0 libxss1 // 의존성 오류가 발생하면 의존 패키지를 설치한다.sudo apt –fix-broken // 의존 패키지 설치 중에 문제가 발생하면 이 커맨드로 문제를 해결한다.sudo dpkg-reconfigure locales에서 ko_KR.EUC-KR, ko_KR.UTF-8를 설치한다.sudo apt-get install fonts-nanum로 한글 글꼴을 설치한다.
export XIM=uim
export XMODIFIERS=@im=uim
export UIM_CANDWIN_PROG=uim-candwin-gtk
export GTK_IM_MODULE=uim
export QT_IM_MODULE=uim
if [ $SHLVL -eq 1 ]; then
uim-xim &
fi
이제 쉘에서 code를 입력하면 WSL에서 Visual Studio Code이 구동된다.
매번 쉘을 띄워 vscode를 구동하기 귀찮다면 윈도우 단축 아이콘에 Target을 아래와 같이 만들어 주면 된다.
C:\Windows\System32\wsl.exe zsh -ic code