Skip to content

Instantly share code, notes, and snippets.

@wilfrem
Last active October 27, 2023 12:47
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wilfrem/d2c1c6223608d8e23a93451981935c91 to your computer and use it in GitHub Desktop.
Save wilfrem/d2c1c6223608d8e23a93451981935c91 to your computer and use it in GitHub Desktop.
vscodeをwslで動かすための作業メモ(日本語ユーザ向け)

なぜwslでvscodeを動かすのか

  • 組み込みのlanguage serverをwslで動かす必要があるため(lernaとか)
  • シンボリックリンクをvscodeが認識する必要がある場合
  • win/linuxで大きく動作が変わるnpm packageを参照している場合

手順

wslの日本語化

OSの言語サポートを入れて、ロケールをja_JPに変更

sudo apt-get install language-pack-ja
sudo update-locale LANG=ja_JP.UTF-8
sudo apt-get update
sudo apt-get upgrade

windows側のフォント参照

wslがwindowsのフォントを使えるようにする

sudo ln -s /mnt/c/Windows/Fonts /usr/share/fonts/windows
sudo fc-cache -fv

依存ライブラリを追加

X Serverに必要なライブラリを以下の手順で追加

sudo apt-get install libgtk2.0-0
sudo apt-get install libxss1
sudo apt-get install libasound2

linux版vscodeの追加

linux版のvscodeを以下の手順で追加

cd ~
curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo mv microsoft.gpg /etc/apt/trusted.gpg.d/microsoft.gpg
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt-get update
sudo apt-get install code

bash設定にX Serverの設定を追加

以下を ~/.bashrc に追加

# X Server
export LIBGL_ALWAYS_INDIRECT=1
export DISPLAY=0:0
sudo /etc/init.d/dbus start &> /dev/null

sudoersの設定

  1. 以下のコマンドを実行
sudo visudo -f /etc/sudoers.d/dbus
  1. エディタに以下のコマンドを入力し、保存する( your_usernameはwslのユーザ名で置き換える )
your_username ALL = (root) NOPASSWD: /etc/init.d/dbus
  1. すべてのwslターミナルを閉じる

windows側にX Server入れる

https://sourceforge.net/projects/vcxsrv/ からwindows側にインストール

日本語入力のためにfcitx, mozc追加

sudo apt -y install fcitx-mozc dbus-x11 x11-xserver-util

fcitxの設定

以下を ~/.bashrc のXServerの上に追加

export GTK_IM_MODULE=fcitx
export QT_IM_MODULE=fcitx
export XMODIFIERS="@im=fcitx"
export DefaultIMModule=fcitx
if [ $SHLVL = 1 ] ; then
  xset -r 49  > /dev/null 2&>1
  (fcitx-autostart > /dev/null 2&>1 &)
fi

起動手順

  1. windows側でVcXSrvのXLaunchを起動
  2. 次へを三回押して、完了を押す
  3. wsl側でコンソールからvscode起動
  4. windows側にvscodeが立ち上がるのを待つ
  5. vscode上で半角/全角キーでmozcが動くのを確認
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment