82
69

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 3 years have passed since last update.

【Mac】UnityでのVSCodeの導入手順とおすすめ設定、拡張機能

Last updated at Posted at 2019-05-01

はじめに

Unityを使う際、デフォルトではスクリプトエディタとしてVisual Studioが設定されていますが、「VSCode便利だよ」と先輩エンジニアの方に勧めて頂いたので導入してみました。結果、色々カスタマイズできて便利だったので、備忘録として導入手順とおすすめ設定をまとめてみました。

VSCodeのインストール

下のリンクからダウンロードし、インストールする。
Download Visual Studio Code

Unityの設定

デフォルトのスクリプトエディタをVSCodeに変更する

[Unity] → [Preferences] → [External Tools] → [External Script Editor] → [Browse]
finderが開くので「Visual Studio Code.app」を探してきて選択する。

[External Script Editor]に「Code」と表示されていればOK。
スクリーンショット 2019-05-02 3.27.56.png

VSCodeのおすすめ設定と拡張機能

設定

自動保存

[File] → [Auto Save]にチェックをつける。

自動整形

[Code] → [Prefarences] → [Settings]
で設定画面を開く
下記3つの項目にチェックをつける。

・Format On Paste
→ペースト時に自動でフォーマット
・Format On Save
→ファイル保存時に自動でフォーマット(自動保存では整形してくれないので、手動で「cmd+S」する必要あり)
・Format On Type
→入力した行を自動でフォーマット

また、後述の拡張機能「C#」をインストールする。
これを入れて置かないと自動整形が働かないので注意。

ミニマップを非表示

横に出てくるやつです。個人的にいらなかったので非表示にしました。

[Code] → [Prefarences] → [Settings]
で設定画面を開く。
以下の項目のチェックを外す
・Editor › Minimap: Enabled


VS Codeのミニマップの表示/非表示を切り替えるには

.metaファイルを非表示

デフォルトだと.metaファイルが表示されて邪魔なので非表示にします。

[Code] → [Prefarences] → [Settings]
で設定画面を開く。

・Files:Exclude

の項目に以下を追加してOKを押す。

**/*.meta

スクリーンショット 2019-05-04 21.34.17.png

拡張機能

C#

必須。C#が使えるようになる。

Japanese Language Pack for Visual Studio Code

VSCodeの日本語化。

vscode-icons

ファイルとかフォルダにアイコンがついて見やすくなる。

Bracket Pair Colorizer

メソッドとかの{}を階層毎に色分けしてくれる。

zenkaku

コードに混ざった全角をわかりやすくしてくれる。

Debugger for Unity

デバッガー機能が使えるようになる。
image.png

C# XML Documentation Comments

sammaryを一瞬で表示できるようになる。

MonoBehaviour Snippets

Startメソッドとかを一瞬で書けるようになる。

C# Extensions

C#のクラスを作れたりとか色々できる。

Rainbow CSV

csvを列ごとに色分けしてくれる。

Edit csv

vscode上でcsvを表形式で編集できる。Excelで編集すると意図しない補正がかかったり、文字化けしたりと勝手が悪いのでこちらを使うことをおすすめ。

###Code Spell Checker
スペルミスを指摘してくれる。スペルミスによって取り返しのつかない状況になったことがあるので、必ず入れましょう。

###Quit Control for VSCode

command+wを連打してもウインドウごと閉じなくなる

Git関連

###.gitignoreに追記
VSCodeを起動すると、プロジェクト内に「.vscode」という名前の隠しフォルダが作成されます。この中にはVSCodeの設定ファイルが入っています。
Gitを使って複数人でプロジェクト管理をしている場合は、これをプッシュしてしまうと良くないので.gitignoreに以下を追記します。

.vscode/*

###settings.jsonの書き換え
競合が起きた際に編集できるようにするため、拡張子が「.unity」と「.prefab」のファイルを非表示から表示に変更します。settings.jsonを開き、以下のようにfalseに変更してください。

"**/*.prefab": false,
"**/*.unity": false,

最後に

個人で色々アプリを出してるので、ぜひインストールおなしゃす!!!m(_ _)m
iOS
android

参考

今日からUnity + Visual Studio Codeを用いた快適な開発生活(随時更新中)
VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか)
VS CodeでUnityプログラミングしてる僕が入れてる拡張機能

82
69
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
82
69

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?