2015年5月15日 星期五

Mac上使用Visual Studio Code 進行Console Application開發設定

在build 2015上,微軟破天荒的公佈了新的開發者工具 -- Visual Studio Code

不過就是新的開發工具,好啥好特別的呢?  當然不不不~

不但只有一般的win版本,Mac與Linux 也支援。地表最強的開發工具終於跨平台了!

詳細介紹就請直接到   https://code.visualstudio.com   觀看相關的解釋了。


那,就不囉唆,直接上Mac 版的Console Application的開發示範了。

首先先依照網頁上的說明安裝ASP.NET 5 與 DNX (https://github.com/aspnet/home#os-x)
brew tap aspnet/dnx
brew update

brew install dnvm
這邊要是Homebrew無法使用請至http://brew.sh 安裝

接下來要安裝yeoman,因為它可以跟Visual Studio 一樣新增專案後,就把必須的檔案加入進去,讓使用者可以不用一個檔案一個檔案的新增了。(https://code.visualstudio.com/Docs/ASPnet5)
npm install -g yo grunt-cli generator-aspnet bower

這邊我有加上sudo,因為會被權限影響無法新增資料夾

之後重頭戲就是開始新增專案了
yo aspnet
(這張圖是官網上Copy來的,因為我沒截到)

這邊看到可以產生很多種的類型的專案,直接按上下鍵就可以選擇了
選擇完後,會要求要輸入application name ,就自己輸入了一個。
(我是選Console Application。)
接下來底下會發現 有幾個dnu 與 dnx 的指令出現,先簡單介紹一下

dnu restore : 字面上是修復,在我們新建立好一個Application(以前都被荼毒習慣說專案,這邊原文說明都說Application就照做了)後,要載入相關的Dll對應,例如System.XXX系列,也是NuGet 取得相關的package的指令。

dun build : 就是建置啦。

dnx . run :請記得,點前後有空白,這個指令就是啟動Console Application的指令。

dnx . kestrel:這個是啟動Web Application 的指令,關掉就會停止了。


那,要執行這些指令之前,記得先切進去資料夾,不然用了也白用


有些人在下dnu restore 之前就很急著開了Visual Studio Code ,這個時候會發現裡面會變成下圖

可怕的一堆紅線....但是當執行了restore後,重開VSCode,就會發現它消失了


接下來就是執行他啦~~~~ 




出現了~~~基本上到這邊寫寫小東西跟一些Code的測試就都沒問題了,用潮到出水的Mac也可以寫Code了~~~