【Unity】VSCodeの便利な拡張機能14種紹介

[PONOS Advent Calendar 2021](https://qiita.com/advent-calendar/2021/ponos) 11日目の記事です。

昨日は@nisei275さんの「[RustのゲームエンジンAmethystを触れてみる](https://qiita.com/nisei275/items/e94758bb30d35c438ef9)」でした。

https://qiita.com/nisei275/items/e94758bb30d35c438ef9

# はじめに

VSCodeには様々な拡張機能があり、導入するだけで作業効率がかなり変わる物もあります。
Unityのプログラミングを行なっている方向けに、私が実際使って便利だと思った拡張機能を紹介します。

# 汎用的に使える物

##GitLens
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

![GitLens.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/21604442-5b8e-0515-cc0c-43d5401564d6.png)
gitの変更履歴をまとめて見たり、特定の行を変更した人が誰なのか等を確認したり出来る様になります。個人的にgitを使用しているなら必須だと思う位には便利な拡張機能です。

##Colonize
https://marketplace.visualstudio.com/items?itemName=vmsynkov.colonize

![Colonize.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/14562148-68d7-4e77-1932-e8c3461b199d.gif)
Shift+Enterでセミコロン( ; )を行末に追加出来る様になる拡張機能。地味ながら便利です。

##Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

![CodeSpellChecker.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/664ea661-4904-3c3c-9876-234c7411c22a.png)
英単語のスペルが間違っていた場合、青い波線を引いて強調してくれます。

「辞書に登録されていない単語」を誤字として認識するので誤認識するケースがありますが、これは単語をホワイトリストに登録する事で解決します。

##Bookmarks
https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

![Bookmark.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/952c889b-46ea-47c6-aef9-f8472c03d788.png)
コード内にブックマークを登録出来ます。登録したブックマークは一覧で確認でき、その位置にジャンプする事も出来ます。

command+alt+Kでブックマークの配置/削除。command+alt+Lで次のブックマークにジャンプ。command+alt+Jで前のブックマークにジャンプします。

##Clipboard Manager
https://marketplace.visualstudio.com/items?itemName=EdgardMessias.clipboard-manager

![Clipboard Manager.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/cd348379-a81e-e061-cb3f-da2b880c32b4.gif)
クリップボードにコピーした内容を履歴に残して「Ctrl+Shift+V」で呼び出す事が出来ます。デフォルトだと100個まで履歴に残る様になっていますが、減らすことも増やすことも可能。

##Duplicate action
https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-duplicate

フォルダやファイルを複製できます。
ファイルを右クリック→Duplicate file or dictionaryで複製。

# Unityで使える物

##MonoBehavior Snippets
https://marketplace.visualstudio.com/items?itemName=zrachod.mono-snippets

![MonoBehavior Snippets.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/f0b6ab1a-ed5b-d810-2500-7e76f1cb2f39.gif)
UnityのMonoBehavior関連の入力補完が効く様になります。

##Debugger for Unity
https://marketplace.visualstudio.com/items?itemName=Unity.unity-debug

![DebuggerForUnity.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/57f05c23-37ba-feaf-0398-6105921fe7b1.png)
ブレークポイントを設置してデバッグが出来ます。デバッグ状態にしてUnityでブレークポイントに来ると自動で処理が止まります。
変数の中身や実行元まで見る事が出来て便利です。

##ShaderlabVSCode
https://assetstore.unity.com/packages/tools/utilities/shaderlabvscode-94653?locale=ja-JP

![ShaderlabVSCode.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/4eae336e-84d6-2005-81ea-2181be55d23d.png)
Shaderを使う人向け。インテリセンスや自動フォーマットを行える様になります。
有料ですが、一部機能制限が付いた無料版もあります。

# 見た目変更系

##Japanese Language Pack for Visual Studio Code
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

VSCodeを日本語化出来る公式の拡張機能です。
英語のままの方が良いという人もいると思うのでお好みでどうぞ。

インストール後に「ctrl+shift+p」→「Configure Display Language」→「ja」を選択で日本語化出来ます。

##Material Icon Theme
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

![Theme.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/e4e40e22-49a3-023c-d043-4d2994bb36b4.png)
アイコンがデフォルトの物から変化します。これもお好みで。

##indent-rainbow
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

![indent-rainbow.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/92c8adbd-7795-4d72-bfb8-13faa0758274.png)
インデントに色が付きます。ネストの深さが分かりやすくなって便利です。

##TODO Highlight
https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

![TODOHighlight.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/ef2be975-60fa-4701-9452-b503abf058cf.png)
「TODO」「FIXME」などを付けたコメント文を強調表示してくれます。

##PowerMode
https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode

文字を打ったり消したりする度に大袈裟なエフェクトが出る様になります。
~~特に必要ではありません~~
![powermode2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/924601/24d004ba-b47e-7b15-d4c4-fdc27b51e26e.gif)
設定からエフェクトの大きさ、種類、振動の有無など多様にカスタマイズ出来ます。控えめなエフェクトにするもド派手にするのも好きに調整可能。

# まとめ

以上14種の拡張機能を紹介させて頂きました。
VSCode自体にもコードの自動整形機能やハイライト機能など様々な設定が存在します。
拡張機能の導入やVSCode本体の設定変更を行なったりして、最高のコーディング環境を整えてみて下さい。

明日は@ackylaさんの記事です。