🦥

[自分用] VSCode + WSL2 + zsh(Prezto)設定

に公開
VS Code
開発環境
WSL 2
Zsh
prezto
tech

前提

  • Windows環境
  • Gitが入ってる

設定手順

1. zshインストールとShellの設定

まずapt update

sudo apt update

zshをインストール

sudo apt install zsh -y

VSCodeでNew Tarminalを開いた時のデフォルトプロファイルはココで設定

WSL起動時のデフォルトシェルは、以下を設定

chsh -s $(which zsh)

2. Preztoのインストールと設定

Preztoをインストール

git clone --recursive https://github.com/sorin-ionescu/prezto.git "${ZDOTDIR:-$HOME}/.zprezto"

zshを起動

zsh

以下のコマンドを実行（公式手順）

setopt EXTENDED_GLOB
for rcfile in "${ZDOTDIR:-$HOME}"/.zprezto/runcoms/^README.md(.N); do
  ln -s "$rcfile" "${ZDOTDIR:-$HOME}/.${rcfile:t}"
done

3. .zpreztorcのテーマ変更

デフォルトではsorinテーマが使われます。
変更したい場合は、以下の行を編集

zstyle ':prezto:module:prompt' theme 'sorin'

僕はparadoxが好きなので、paradoxに設定

zstyle ':prezto:module:prompt' theme 'paradox'

💡 paradoxを使うにはフォントの設定も必要です。

好きなthemeを探すのはこちらで

https://www.mikebuss.com/posts/customizing-prezto
視覚的に複数themeを比較できるページ（かなり古い）

Windowsにフォントの追加

MesloLGS NFの.ttfを、以下から全種類ダウンロード

ダウンロードした.ttfをWindowsにインストール（ファイルを開いて「インストール」）

VSCodeのターミナルにフォントの設定

  1. 設定を開き、検索ボックスに terminal integrated font family と入力
  2. 「Terminal › Integrated: Font Family」にインストールしたフォント名（例：MesloLGS NF）を入力
  3. VSCodeを再起動

4. オートサジェストの有効化

.zpreztorcの zstyle ':prezto:load' pmodule \に以下を追加

  'syntax-highlighting' \
  'history-substring-search' \
  'autosuggestions' \

Discussion