3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

PONOSAdvent Calendar 2021

Day 11

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

Last updated at Posted at 2021-12-10

PONOS Advent Calendar 2021 11日目の記事です。

昨日は@nisei275さんの「RustのゲームエンジンAmethystを触れてみる」でした。

はじめに

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

汎用的に使える物

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

GitLens.png
gitの変更履歴をまとめて見たり、特定の行を変更した人が誰なのか等を確認したり出来る様になります。個人的にgitを使用しているなら必須だと思う位には便利な拡張機能です。

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

Colonize.gif
Shift+Enterでセミコロン( ; )を行末に追加出来る様になる拡張機能。地味ながら便利です。

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

CodeSpellChecker.png
英単語のスペルが間違っていた場合、青い波線を引いて強調してくれます。

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

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

Bookmark.png
コード内にブックマークを登録出来ます。登録したブックマークは一覧で確認でき、その位置にジャンプする事も出来ます。

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

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

Clipboard Manager.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
UnityのMonoBehavior関連の入力補完が効く様になります。

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

DebuggerForUnity.png
ブレークポイントを設置してデバッグが出来ます。デバッグ状態にしてUnityでブレークポイントに来ると自動で処理が止まります。
変数の中身や実行元まで見る事が出来て便利です。

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

ShaderlabVSCode.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
アイコンがデフォルトの物から変化します。これもお好みで。

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

indent-rainbow.png
インデントに色が付きます。ネストの深さが分かりやすくなって便利です。

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

TODOHighlight.png
「TODO」「FIXME」などを付けたコメント文を強調表示してくれます。

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

文字を打ったり消したりする度に大袈裟なエフェクトが出る様になります。
特に必要ではありません
powermode2.gif
設定からエフェクトの大きさ、種類、振動の有無など多様にカスタマイズ出来ます。控えめなエフェクトにするもド派手にするのも好きに調整可能。

まとめ

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

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

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?