2019年3月11日月曜日

Visual Studio Code (VS Code) on Ubuntu 18.04 on WSL

WSL 上の VS Code で開発するための手順。

0. Windowsストアから Ubuntu 18.04 をインストールする

※ 会社PCだと、ストアが利用できなかったため、レジストリを下記の通り一時的に変更する必要があった。
HKLM\SOFTWARE\Policies\Microsoft\Windows\WindowsUpdate

→ 「DoNotConnectToWindowsUpdateInternetLocations」を 1 から 0 へ。

コマンドプロンプトを開いて

restart-service wuauserv
wsreset


1. プロキシ設定(必要に応じて。)

aptコマンド用

$ sudo vim /etc/apt/apt.conf.d/00proxy
下記2行を追記。

Acquire::http::Proxy "http://<user>:<pass>@<proxy host="">:<port>";
Acquire::https::Proxy "http://<user>:<pass>@<proxy host="">:<port>";

その他用

$ echo 'export http_proxy=http://<user>:<pass>@<proxy host="">:<port>' >> .bashrc
$ echo 'export https_proxy=http://<user>:<pass>@<proxy host="">:<port>' >> .bashrc

2. X Window設定

$ echo 'export DISPLAY=:0.0' >> .bashrc
$ source .bashrc

$ sudo apt install -y fontconfig
$ sudo ln -s /mnt/c/Windows/Fonts /usr/share/fonts/windows
$ sudo fc-cache -fv

$ sudo apt install -y lxappearance
$ lxappearance

$ sudo apt -y install fcitx-mozc dbus-x11 x11-xserver-utils
$ set -o noclobber
$ cat << EOS >> .profile
$ export GTK_IM_MODULE=fcitx
$ export QT_IM_MODULE=fcitx
$ export XMODIFIERS="@im=fcitx"
$ export DefaultIMModule=fcitx
$ xset -r 49 # 半角全角点滅防止
$ EOS

$ source .profile

3. VS Codeインストール


$ curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
$ sudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/
$ sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'

$ sudo apt install apt-transport-https
$ apt install code
$ sudo apt install libasound2

4. Windows側で VcXsrv X Server をインストールし起動しておく

5. Linux側で code コマンド実行

6.(追記) Windows 上で VS Codeの ウィンドウをリサイズや移動できなかったため、下記の設定を追加

$ vim ~/.config/Code/User/settings.json

{
    "terminal.integrated.rendererType": "dom"
}


{
    "terminal.integrated.rendererType": "dom",
    "window.titleBarStyle": "native"
}