先日のアップデートでVSCodeのバージョンが0.5.0→0.7.0となり、
かなり大きな仕様の変更がありました。

今回のエントリでは
・0.7.0で痛VSCode化
・User Snippetsを利用したUnityのスニペット

について共有します。

0.7.0では内部のフォルダ構成に大きな変更があったようです。
今まで痛VSCode化して楽しんでいたのですが、変更を記述していた
native.main.cssがmonacoフォルダごとなくなっており少し手こずりました。

じゃあ痛VSCode化できないの!?というとそうではありません
どうやら細分化されたようでしっかりmonacoの機能は生きていました。
肝心のnative.main.cssの後継者はvs->workbench->workbench.main.cssでした。

あとは以前のように画像を表示するように書き足すと
こんな風に背景に画像を入れられます。モチベも上がります。

次にkyusyukeigo氏のUnityで使うためにVidualStudio Code（VSCode）入れてやったことを参考に
Unityのスニペットを追加したのですがそこでもまた一悶着あったので共有します

スニペットとは切れ端とか断面とかいう意味で、プログラミングでは長いコードを少ない単語から貼り付けることができる機能です。それをユーザーが自由に適宜追加、消去できる機能がエディタには有ります。

具体的に言うとUnityでvoid OnCollisionEnter()とか補完が効かなくてうつのめんどくさいし間違えるリスクも有るところをエディタに記憶させちゃおう的なやつです。

上記のURLからkyusyukeigo氏がUnityスニペットをjsファイルで提供してくださっていたので、説明にそって導入すると、バージョンの変更からかうまくいかないという問題が有りました。

調べてみるとVSCode0.5.0以降から新機能でUser Snippetsという機能が追加されておりもっと簡単にスニペットの追加ができるようになったようです。

今回はUser Snippetsを使ってUnityのスニペットを実装したのでやり方を紹介します。

1)command + shift + pで機能の検索ウィンドウを表示。「Snippets」と入力して選択します。
2)言語が聞かれるので今回は「C#」を選択します。

3)csharp.jsonが表示されます。VSCodeのスニペットはjsonでやる感じですね

コメントアウトされた例文が最初に載っています。これを参考に適宜追加していくみたいです。
Unity用のスニペットをがしがし追加していきましょう。

今回、kyusyukeigo氏がGitで公開されていたjsバージョンを
僭越ながら私がVSCode jsonバージョンに書き換え、公開させていただきました。(何か問題があれば消去します)

以下のURLから閲覧、ダウンロード可能です(私のGitページです)
github.com/TsudaRyotaro/VScode/blob/master/csharp.json

4)上記URL先のコードをコピーし、VSCode上のcsharp.jsonに貼り付けます。
保存して再起動すると、スニペット機能が使えるようになっています。

ここまでカスタマイズできればだいぶVSCodeに愛着も湧いてきましたね！
アップデートで非公式カスタマイズは全て上書きされてしまうのでバックアップをしっかり取ることをおすすめします！では！

Tweet

UnityでVisualStudioCodeを使っていたら
エクスプローラーにmetaファイルも出てきて煩わしかったので消してみました。

TumblingDice 【VSCode】Visual Studio Code0.5.0の新機能まとめを参考にさせていただきました

調べてみると何やらsetting.jsonからいじることが出来そうな予感

command + shift + pで機能の検索ウィンドウを表示した後 setting と入力しOpen User settingsを選択

するとウィンドウが2分割され、左にDefault Settings,右にsetting.jsonが表示されます。
User settingsは右側、setting.jsonにDefault Settingsを参考に書き足していくという感じです。

Default Settingsの75行目付近にファイル表示/非表示関係が書かれています。
パスと名前と拡張子を指定しbooleanで値を指定します。
trueならば表示されないといった感じです。

とりあえずsetting.json側にmetaファイルを表示させないよう、おりゃりゃっと書いてみました。

“files.exclude”: {
“*.meta”: true,
“**/*.meta”: true,
“**/**/*.meta”: true,
“**/**/**/*.meta”: true,
“**/**/**/**/*.meta”: true
}

保存すると反映され、エクスプローラーからmetaファイルが消えました。

おそらくもっと賢い方法があると思いますが、ひとまずはこれで対応できたかなと思います。

metaファイルが消えてもっさり感もなくなって良い感じ
ますます捗りますねー

Tweet

Unity×VisualStudioCode連携はいい感じ
やり方について軽く解説

UnityのPreferencesから使用するエディタをCodeに設定

Unityからスクリプトを作成，右クリック->Sync MonoDevelop Projectを選択

するとVSCodeが起動．プロジェクトのslnファイルが作られる

左側のタブからOpen Folderを選択．

起動しているUnityのプロジェクトフォルダを選択．slnが2つ作られていることを確認
開いた後左下からpick a project->slnファイルを選択するとUnityの補完が効く

またGitとの連携がいい感じ
どこにもVSCode×Gitの解説が上がっていなかったので軽く解説

1)適当にgitリポジトリを作成　ローカルにクローンを作成
2)VSCodeからローカルリポジトリを開く
3)もう使える　超簡単(確か初回はgitユーザー名とパスワード聞かれる)

うまくいくとこんな感じ　左下からブランチの切り替えが可能

ブランチを選択することが可能。新規には切れないのかな？

変更があるとこんな感じに表示される　あとは適当にメッセージ書いてコミット
簡単だね

てなわけで最近は専らUnity, VSCode, Gitで開発。
Unityでのチーム開発はAssetServer派だけどgitでのバージョン管理もエディタの機能によっては楽になるね。　メモメモ

Tweet