📘

【VsCode】Unity＆C#を効率よく開発するための拡張機能のすゝめ

2024/02/07に公開

はじめに

初めての方も、そうでない方もこんにちは！
現役ゲームプログラマーのたむぼーです。
自己紹介を載せているので、気になる方は見ていただければ嬉しいです！

今回は
　VsCodeでUnity＆C#を効率よく開発するためにおすすめのVsCodeの拡張機能
を紹介します

VsCodeをインストール

まず、VsCodeのインストールがまだの方は以下の手順からインストールしてみてください！

VsCodeをインストール手順

Download VsCode

Download for Windows Stable Buildをクリック
同意するにチェックを入れ、次へを選択
任意の項目にチェック入れ、次へを選択

VsCodeをインストール

VsCode拡張機能の導入方法

導入は簡単なので、安心してください～！

拡張機能の導入方法

VsCodeを開き、左側のメニューの上から4番目の拡張機能を押す
赤枠の検索窓から欲しい拡張機能を検索し、検索結果から該当の拡張機能を選択します
※今回はC#の拡張機能を例にします
赤線のインストールボタンを押すと、インストールが開始されます

このような画面になれば、インストール完了です！

VsCodeの設定を変更するだけで使える拡張機能

インデント色分けしてくれる拡張機能

indent-rainbow

VsCodeにindent-rainbowという拡張機能はあります
しかし、これだと同じブロック内で空改行を入れた行で途切れてしまいます

以下の方法を使うことで、代用できます。

VsCodeの設定に直接追加

VsCodeの設定(JSON)に追記するだけで、このような見た目を作ることができます。
※比較のために同じコードで試しています

設定手順

Ctrl + Shift + P or F1を押しコマンドパレットを表示します
(Macの場合：command + shift + P)
検索窓にsettingsを入力し、基本設定:ユーザー設定を開く (JSON)を選択する
settings.jsonに下記を追記する

    "workbench.colorCustomizations": {
        "editorIndentGuide.background1": "#f1d700",
        "editorIndentGuide.background2": "#da70cb",
        "editorIndentGuide.background3": "#1b9fff",
        "editorIndentGuide.activeBackground1": "#ffffff",
        "editorIndentGuide.activeBackground2": "#ffffff",
        "editorIndentGuide.activeBackground3": "#ffffff"
    }

ちなみに、カラーコードは{}の色と合わせて3色にしていますが、お好みでカスタムしてください～

簡単に解説
editorIndentGuide.backgroundがラインの色で
editorIndentGuide.activeBackgroundがカーソルがあるブロックのラインの色になります
最大で6色まで設定できます

    "workbench.colorCustomizations": {
        "editorIndentGuide.background1": "#f1d700",　// 色１
        "editorIndentGuide.background2": "#da70cb",　// 色２
        "editorIndentGuide.background3": "#1b9fff",　// 色３
        "editorIndentGuide.background4": "#f1d700",　// 色４
        "editorIndentGuide.background5": "#da70cb",　// 色５
        "editorIndentGuide.background6": "#1b9fff",　// 色６
        "editorIndentGuide.activeBackground1": "#ffffff",
        "editorIndentGuide.activeBackground2": "#ffffff",
        "editorIndentGuide.activeBackground3": "#ffffff",
        "editorIndentGuide.activeBackground4": "#ffffff",
        "editorIndentGuide.activeBackground5": "#ffffff",
        "editorIndentGuide.activeBackground6": "#ffffff"
    }

おまけ

Unity2022以降を使用する場合は、VsCodeの下記設定をfalse（OFF）にする必要があります
"dotnet.server.useOmnisharp": false

設定方法

Ctrl + Shift + P or F1を押しコマンドパレットを表示します
(Macの場合：command + shift + P)
検索窓にsettingsを入力し、基本設定:ユーザー設定を開く (JSON)を選択する
settings.jsonのdotnet.server.useOmnisharpをfalseに変更する

    "dotnet.server.useOmnisharp": true, // Unity2022以降ではfalseに変更

さいごに

もし、この拡張機能が便利だよ！！もっとこうした方がいいよ！
など見つけた方がいましたら、ぜひぜひ、コメントしてください～～！

【VsCode】Unity＆C#を効率よく開発するための拡張機能のすゝめ

はじめに

VsCodeをインストール

VsCode拡張機能の導入方法

おすすめのVsCode拡張機能

Japanese Language Pack

C#

C# Snippets

C# XML Documentation Comments

Unity Code Snippets

Trailing Spaces

GitLens