4
10

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

Unity で高性能かつ動作が軽快な Visual Studio Code(VS Code) を使い始める for Windows & Mac

Last updated at Posted at 2018-04-11

はじめに

Visual Studio Code はいいぞ。

ということでUnityでVS Codeを使い始めるための記事をまとめます。
Unity 2017.3 で動作確認しました。

UnityでVS Codeを使い始める

Visual Studio Code を無料でダウンロード

ここ:link: からお使いのPCに合った Visual Studio Code をダウンロードします。
ダウンロードに関してもし分からなければ Windows であれば ここ:link: を参考にすると良いです。
Mac はダウンロードされた zip ファイルを解凍(ダブルクリック)するだけです。

Unityの設定(Mac)

(Yosemiteで確認)

  1. Unityを開いた状態で,画面上部のメニューバーから UnityPreferences... を選択(もしくは ⌘+, )

    • するとUnity Preferencesが開きます。
  2. 左側の上から2番目の External Tools をクリック

    • デフォルトの状態であれば一番上のExternal Script Editorのプルダウンメニューがinternalになっています。
  3. そこの internal をクリックして,一番下の Browse... をクリック

    • Browse for application が開かれます。
  4. アプリケーションフォルダ(VSCodeがインストールされているフォルダ)に移動

    • 保存先がデフォルトであればアプリケーションフォルダにインストールされています。
  5. Visual Studio Code をクリックして選択

    • 右下の Open が青くなって押せるようになる
  6. Open をクリック

    • External Script Editor が Code になっていることが確認できます。
  7. Unity Preferences を閉じる

  8. 画面上部のメニューバーから AssetsOpen C# Project をクリック

    • VS Codeが起動し,「リリースノート」か「ようこそ」のタブが開かれると思います。

※ 8. の画面上部のメニューバーから AssetsOpen C# Project をクリックする処理は Unity でプロジェクトを新しく作るたびに一度だけ必要になります

VS Codeの設定(Mac)

  1. ようこそ のタブをクリックして移動し,開始 の下にある フォルダーを開く... をクリック

  2. 開きたいプロジェクトのフォルダを選択 して 開く をクリック

    • たとえば UnityTestProject という名前でプロジェクトを作成していたら,UnityTestProject のフォルダを探してクリックして選択し,開く をクリックします。
  3. ダイアログで「ワークスペースの構成をファイルとして保存しますか?」と聞かれたら 保存しない を選択

  4. Unityに戻ってCreateからスクリプトを作りダブルクリックして スクリプトを開く

    • ちゃんとVSCodeで開かれると思います。
  5. 右下に「:information_source:このファイルの種類には拡張機能 C# が推奨されます。」などと表示されたら インストール をクリック

    • C#の拡張機能がインストールされます
  6. 左側に表示される「再読み込み」というボタンをクリック

    • エディタが再読み込みされて,OmniSharp for OSX.NET Core Debugger (macOS / x64) などがダウンロード&インストールされます。
    • 少しの間待ちます。
    • 完了すると一番下のバーに炎のマークとRunningが表示されます。
  7. The .NET CLI tools cannot be located. .NET Core debugging will not be enabled. Make sure .NET CLI tools are installed and are on the path. などと言われたら,Disable this message in user settings をクリック

    • 勝手にユーザー設定が開いて設定されます。
  8. ユーザー設定タブの × を押して(もしくは ⌘ + W で)タブを閉じる

  9. 他にも右下にエラーが出ていたら表示内容に従うか,×を押すなどして閉じる

  10. とりあえず設定はおしまい!

Unityの設定(Windows)

(Windows10 で確認)

おおよそMacと同様です。

  1. Unityを開いた状態で,画面上部のメニューバーから EditPreferences... を選択

    • するとUnity Preferencesが開きます。
  2. 左側の上から2番目の External Tools をクリック

    • デフォルトの状態であれば一番上のExternal Script Editorのプルダウンメニューがinternalになっています。
  3. そこの internal をクリックして,一番下の Browse... をクリック

    • Browse for application が開かれます。
  4. C:\Program Files\Microsoft VS Code(VSCodeがインストールされているフォルダ)に移動

    • 保存先がデフォルトであれば C:\Program Files\Microsoft VS Code にインストールされています。
    • 上のアドレスをコピーして上部のアドレスバーにペーストすると楽です。
  5. Code.exe もしくは Code をクリックして選択

  6. 右下の 開く をクリック

    • External Script Editor が Code になっていることが確認できます。
  7. Unity Preferences を閉じる

  8. 画面上部のメニューバーから AssetsOpen C# Project をクリック

    • VS Codeが起動し,リリースノート か ようこそ のタブが開かれると思います。

※ 8. の画面上部のメニューバーから AssetsOpen C# Project をクリックする処理は Unity でプロジェクトを新しく作るたびに一度だけ必要になります。

VS Codeの設定(Windows)

  1. ようこそ のタブをクリックして移動し,開始 の下にある フォルダーを開く... をクリック

  2. 開きたいプロジェクトのフォルダを選択 して 開く をクリック

    • たとえば UnityTestProject という名前でプロジェクトを作成していたら,UnityTestProject のフォルダを探してクリックして選択し,開く をクリックします。
  3. ダイアログで「ワークスペースの構成をファイルとして保存しますか?」と聞かれたら 保存しない を選択

  4. 一旦 Unity に戻って Create からスクリプトを作りダブルクリックして スクリプトを開く

    • ちゃんとVSCodeで開かれると思います。
  5. 右下に「:information_source:このファイルの種類には拡張機能 C# が推奨されます。」などと表示されたら インストール をクリック

    • C#の拡張機能がインストールされます
  6. 左側に表示される「再読み込み」というボタンをクリック

    • エディタが再読み込みされて,OmniSharp.NET Core Debugger などがダウンロード&インストールされます。
    • 少しの間待ちます。
    • 完了すると一番下のバーに炎のマークと UnityTestProject.sln などとプロジェクト名が表示されます。
  7. The .NET CLI tools cannot be located. .NET Core debugging will not be enabled. Make sure .NET CLI tools are installed and are on the path. などと言われたら,Disable this message in user settings をクリック

    • 勝手にユーザー設定が開いて設定されます。
  8. ユーザー設定タブの × を押して(もしくは Ctrl + W で)タブを閉じる

  9. 他にも右下にエラーが出ていたら表示内容に従うか,×を押すなどして閉じる

  10. とりあえず設定はおしまい!

素晴らしきVSCodeライフへ

VSCodeの素晴らしさ,良い点を書き始めたら止まらないので割愛させていただきます。
vscode 使い方 などで検索すれば大量の情報が手に入るので是非どんどん調べて下さい。
便利な機能がたくさんあるので,徐々に使いこなしていきましょう!

とりあえずショートカットをちらっと見ておくことだけおすすめしておきます。
Windows : Alt + H K (Altキーを押しながらHキーを押した後,両方離してからKキーを押す)
もしくはここ :point_right: Visual Studio Code Shortcuts for Windows :link:
Mac : ヘルプ → キーボードショートカットの参照
もしくはここ :point_right: Visual Studio Code Shortcuts for MacOS :link:

4
10
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
4
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?