[Unity] 用VSCode開發Unity3d

Blacky Chen
Aug 26, 2017 · 7 min read

對於用習慣各種強大的編輯器(例如 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的安裝及使用方法其實大同小異,如果有任何的疑問或者資訊錯誤的地方,也歡迎在下方留言交流討論。這邊就祝大家開發愉快啦!

)

Blacky Chen

Written by

Full-stack Developer

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade