[.NET Core] 如何在 Mac 上開發 ASP.NET Core (RC1) 網站

原本稱 ASP.NET 5，現在已更名為 ASP.NET Core 1.0。(MSDN blog - An Update on ASP.NET Core and .NET Core)



去年 5 月寫了一篇 在 Mac 上使用 Visual Studio Code 執行 ASP.NET 5，是時候再來更新一下了，開發步驟愈發簡單。

環境版本

Mac OS X  - El Capitan

Node.js - 5.11.0

DNX - 1.0.0-rc1-update2

Visual Studio Code - 1.0.0
ASP.NET Core 1.0 RC1

[5/10 更新] 本篇開發為 RC1 版本, 未來 RC2 將會有所不同, 此為 RC1 限定!!
[6/18 更新] 如何在 Mac 上開發 ASP.NET Core RC2  網站

環境建置

• 安裝 Mono - 編譯專案
• 安裝 .NET Execution Environment (DNX) - 開發用的 SDK 及執行 runtime 環境
• 安裝 Visual Studio Code - 開發編程工具
• 安裝 Node.js

安裝 .NET Version Manager (DNVM)

curl -sSL https://raw.githubusercontent.com/aspnet/Home/dev/dnvminstall.sh | DNX_BRANCH=dev sh && source ~/.dnx/dnvm/dnvm.sh

列出已安裝的 DNX 版本

dnvm list

更新 DNX 版本

更新所有版本

dnvm upgrade

僅更新 Core CLR 版本

dnvm upgrade -r coreclr

僅更新 Mono 版本

dnvm upgrade -r mono

Node.js 工具 - Yeoman, ASP.NET Generator

Yeoman

安裝全域 Yeoman (註：Node.js 及 npm 必需先安裝備妥)，我們需要它來幫忙建立網站相關的結構及檔案。

npm install -g yo

ASP.NET Generator

npm install -g generator-aspnet

建立 ASP.NET 網站

yo aspnet

先來建立一個 Web Application (用上下方向鍵移動選擇後，按 Enter 選定)

輸入你的應用程式名稱，它會將建立的檔案都放在你命名的資料夾中

建立完成後你將會看到以下畫面，並提醒你如何回復、建置、及執行網站

建立完專案後，先進到該專案的根目錄，需要依 project.json 來回復專案需要的套件

dnu restore

第一次 restore 後可不需先執行 dnu build 來建置專案

回復完專案就可以來看看 yeoman 幫我們建立的網站

dnx web

打開瀏覽器，輸入網址 http://localhost:5000

恭喜你！ASP.NET 網站建置成功！

開始用 Visual Studio Code 來開發網站吧

更多參考資料

• Installing ASP.NET 5 On Mac OS X
• DNX Overview
• Your First ASP.NET 5 Application on a Mac