【Unity】ExternalToolsでVSCode等の開発環境を設定する方法

今回はUnityでVisual StudioやVS Code等の開発環境を設定する方法について説明します。


## External Toolsを開く
まずは以下の手順に沿ってExternal Toolsがある場所を開きましょう。


**① 画面左上Editを開く。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/40e0dfbb-2897-ae10-fcce-5b6a2c9b5cec.png)


**② Preferencesを開く。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/3e35619f-2fb3-4ca1-0d90-42fc90f2e3b1.png)


**③ Preferences画面が開けたら，左側からの項目からExternal Toolsを選択。**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/cb3419a6-7d01-ee05-869a-07d3aee7cb17.png)
何も設定をイジっていない人はVisual Studioが初期に設定されていると思います。

ここから「VS Code」や「Atom」といったコードエディターを開くようにするには，External Script Editoの右側にある項目を選択し，Browseをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/12b52768-c460-51fb-0830-4c31ef8333d0.png)
これをするとWindowsエクスプローラーが起動するので，
ここから開発環境に設定したいコードエディタのexeファイルを探します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/04ca9842-1520-22b8-696a-f4aeca7e6e35.png)
exeファイルの場所については人によって違うので何とも言えないんですが，だいたい何処にあるかっていうのは決まっているのでそこを紹介します。


## 開発環境を設定する


### Visual Studioの探し方
まず下記の２通りの場合がありますが，その後の流れは全て共通なので１回しか説明しません。

- Program Filesに入っている可能性
- Program Files (x86)に入っている可能性

このどちらかのフォルダを開いた後，Microsoft Visual Studioと書かれたフォルダを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/69b6713c-10fd-3380-5ab8-e41ac49cad16.png)
フォルダが開き終わったら，エクスプローラー右上の検索ボックスをフォーカスします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/78963e2c-1297-5a8a-4ad4-0e30842edfeb.png)
ここに`devenv.exe`と打ち込んでください。

※ 注意
最低でもMicrosoft Visual Studioフォルダの中で検索をしないと，ファイル数の桁が変わるので人によっては滅茶苦茶時間が掛かります。

検索が終わると以下のようにexeファイルが出てくるので，これを開いてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/478543d7-150d-4447-2265-15db24215e2e.png)
するとVisual StudioがUnityで使えるようになります（細かい部分は後でします）


### Visual Studio以外の開き方
まずCと書かれている方のディスク（１つしかないという方はそのディスク）から，ユーザーフォルダを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/93d6470b-2574-90f3-7fc4-2378f62be9ab.png)
そこから自分の使っているパソコンのユーザー名のフォルダを選択します。

その後は「AppData / Local」の順でフォルダを開き，
Localフォルダの中から自分が使いたいコードエディタのexeファイルを探します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/75700b11-842b-402a-a3fd-6199b962f054.png)
後は先ほどと変わりません。


### その他開発環境の開き方
今から紹介するやり方は最も簡単な方法なんですけど本当にやって大丈夫な方法なのかが不明なので，上記２つの方法でどうしてもファイルが見つからなかった場合にのみ使用するようにしてください。

まずWindowsタスクバーでエディタ名の検索を行います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/7a6550a7-83f6-c01f-3c8a-57d9560a75cc.png)
これが出来たら，一致したファイルを右クリックして「ファイルの場所を開く」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/804b6f1c-1b3b-1b3a-257d-a9d497ebc081.png)
フォルダが開けたら，下記のような画面になると思います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/9086a1aa-76ad-a234-8ca3-2c3e340230f3.png)
そしたらこれをドラッグアンドドロップでデスクトップに投げましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/f208371f-1098-a8cf-6897-002b54c7d0ed.png)
するとBrowseから開発環境を指定する際に，デスクトップから選択できるようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/c3876634-080c-18a4-d7b5-f93edbb58162.png)


## External側の設定をする
前の項で説明した３つの何れかを使って，コードエディタをUnityに設定できたかと思います。

下記が正しく設定できた場合です。

**Visual Studio**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/8be61b61-e34b-d68d-e0d4-69b6751f0b40.png)

**Visual Studio Code**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/efbe6121-e309-97d3-6997-f36e65045b83.png)

設定できる項目に関してはUnity公式のドキュメントへのリンクを下記に貼るので，そちらを参照してください。

https://docs.unity3d.com/ja/2017.4/Manual/Preferences.html

また，逆にコードエディタの設定に失敗する場合もあります。
失敗すると，下記画像のように項目が表示されなくなります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/954115/0bc51b8d-a40b-e68c-8ab0-94da10b3d9f3.png)

これに関して，以下の方法で解決する可能性があります。

- PackageManageからVisual Studio Editorをインストール
- PackageManageからVisual Studio Code Editorをインストール

しかし解決しない場合というのが多いと思うので，
これに関しては原因が分かった際にまた別に記事を書こうと思います。