前置き

Material Themeのページに書いてあることですが、オールイングリッシュで一抹の不安を抱いてる人に向けた記事です。

インストールの手順

1

まずVScode内でマテリアルテーマをインストールします。
環境によってコマンドが違うので以下参照。

• Windows → Ctrl + P
• Mac → Command + P
• Linux → Ctrl+P

これをタイプして、出てきた窓に

ext install vsc-material-theme

と入力しEnter。

2

vsc-material-themeのリポジトリに行き、最新版の.vsixファイルをインストール。
2018.1.22現在ではv1.3.0でした。

3

VScode内で

• Windows → Ctrl +　Shift + P
• Mac → Command +　Shift + P
• Linux → Ctrl　+　Shift +　P

を入力

するとコマンドパレットが開くので、そこでshell commandと入力し、

画像の上のやつでEnter。

するとcodeコマンドが使えるようになるので、シェルで

code --install-extension /Path/To/vsc-material-theme-*.*.*.vsix

を実行。

Extension 'vsc-material-theme-1.3.0.vsix' was successfully installed!

と表示されたら成功。

4

次にシェルで

git clone https://github.com/equinusocio/vsc-material-theme.git Equinusocio.vsc-material-theme

を実行

5

これで9割完了！
あとは有効にするだけ

• Windows → Ctrl +　Shift + P
• Mac → Command +　Shift + P
• Linux → Ctrl　+　Shift +　P

これをタイプして、出てきた窓に
themeと打ってPreferences: Color Themeを選択してください。

おまけ: カラー変更

• Windows → Ctrl +　Shift + P
• Mac → Command +　Shift + P
• Linux → Ctrl　+　Shift +　P

をタイプして出てきた窓に
Material Themeと入力し、Material Theme: Settings → Change color variantと選択して、カラー一覧から好きな色を選択しましょう

おまけ: アイコン変更

• Windows → Ctrl +　Shift + P
• Mac → Command +　Shift + P
• Linux → Ctrl　+　Shift +　P

でicon themeと入力し、基本設定: ファイル アイコンのテーマ → Material Theme Iconsを選択

最後に

更新されてるかもしれないから、不安ならMaterial Themeをチェックしてもいいかもね