[Unity] 用VSCode開發Unity3d

Blacky Chen
7 min readAug 26, 2017

對於用習慣各種強大的編輯器(例如 SublimeAtomVSCode)且擁有許多輔助使用的開發套件的開發者來說,使用預設的編輯器MonoDevelop是一件痛苦的事情。理由很簡單:

沒有多樣性的插件(Add-in)

MonoDevelop有開放使用者開發不同的插件,但是數量與社群活躍度實在是太低了。另一方面VSCode原生就支援Git的整合,而MonoDevelop則需要另外將Git的插件匯入。

開源社群的活耀度

MonodevelopGithub上有開源,但與其他開發者慣用的編輯器活躍度有非常明顯的差距。這邊比較了MonodevelopVSCodeAtom,有興趣的讀者可以點進連結觀看。(Sublime沒有開源無法進行比較)

資料擷取時間2017/08/26

Monodevelop
Atom
VSCode

顏值太低

顏值是非常主觀的認知,不過我確實聽到不少開發者是因為這個原因放棄使用MonoDevelop,不如我們就來看一下預設的畫面差距,這差距應該不用再多贅述其中的理由了。

做個小結,不論你想要換到VSCode的理由究竟為何,這篇文章的重點都在於跟大家分享如何設定VSCode來開發Unity,以及推薦大家一些好用的插件。若你想要了解更多關於VSCode的優點,建議可以閱讀另一個作者的文章,有更詳細的介紹。

為什麼我從 Sublime Text 跳槽 Visual Studio Code?

開始安裝VSCode

Step1:安裝VSCode

讀者可以從VSCode的網站上面輕鬆的找到下載的連結。

Step2:安裝Unity VSCode Plugin

要使VScode與Unity整合,需要下載VSCode Plugin,可以在Asset Store上面找到下載連結

Step3:安裝 .NET

在開始使用VSCode之前,你需要安裝.NET核心在你的電腦裡,如果你的電腦已經安裝過,則可以跳過這一步。安裝的連結可以在這裡找到。

Step4:設定VSCode Unity Plugin

安裝好之後打開 Unity Preferences,你應該可以看到External Script Editor被自動改為Code了。如果沒有,就手動把他設定到Code。

如果沒有出現Code這個選項,可能是因為無法自動尋找到VSCode的安裝目錄,可以在VS Code Path 中來設定你的安裝目錄,這邊顯示的是Mac的安裝目錄。如果你使用的是Windows的話路徑應該會在 C:\Program Files (x86)\Microsoft VS Code\Code.exe。

接下來使用 Write Workspace Settings 按鈕來幫助你初始化VSCode設定,例如自動略過某些副檔名如 .meta。

Step5:安裝VSCode Extension

安裝VSCode Extension的方法非常簡單,只要點開側邊欄最後一個圖示,在搜尋列輸入你想要安裝的VSCode Extension,就可以安裝了。

這邊列出兩個必要的安裝套件。

C#
Debugger for Unity

至此,你已經可以開始用VSCode編輯你的Unity專案了。你可以從下圖看到一些基本的功能例如QuickSuggestions、Codelens等。

Step6:客製化你自己的開發環境吧!

這邊推薦一些個人覺得好用的Extension,當然這是看自己喜好來安裝。

色彩佈景主題

打開喜好設定中的色彩佈景主題,你可以選擇自己喜歡的佈景主題,而這些佈景主題同樣可以在VSCode Extension中搜尋的到,這邊我推薦使用的是eppz! (C# theme for Unity)。

Shader Language support for VS Code

如果在開發Unity時有寫Shader的需求,那建議安裝這個套件。它支援了GLSL、HLSL和Cg語法的Highlight與QuickSuggestions。

GitFlow

若有使用Git Flow來控制你的專案,則你可以使用這個Extension來輔助操作Git Flow的所有指令。使用時需打開命令選擇區 (Mac:Command + Shift + P,Windows:Ctrl + Shift + P)來輸入對應的指令,例如Gitflow: Feature:finish。

GitLens

這個好用的Extension可以讓你在程式碼的字裡行間顯示於Git上的修改記錄,包含節點資訊。

Git History

如果你需要利用圖形化介面快速檢視所有的Git Log,可以使用這個Extension來輔助使用。使用時需打開命令選擇區 (Mac:Command + Shift + P,Windows:Ctrl + Shift + P)來輸入對應的指令,例如Git: View History(git log)。

總結

到這邊已經介紹完了VSCode的安裝方法,以及推薦了幾個實用的Extension,雖然我的安裝環境是在Mac底下進行的,但Window的安裝及使用方法其實大同小異,如果有任何的疑問或者資訊錯誤的地方,也歡迎在下方留言交流討論。這邊就祝大家開發愉快啦!

--

--