1.1 安裝sdk和運行時
瀏覽器打開網址https://www.microsoft.com/net/download, 到.Net Core下載頁面。
根據操作系統,下載對應的SDK進行安裝。安裝之后可以從命令行運行dotnet命令,查看是否安裝成功。
1.2 使用VS2015
首先確保你的電腦上安裝Visual Studio 2015 Update3,當然我們也可以安裝 Visual Studio Community 2015(https://www.visualstudio.com/products/visual-studio-community-vs),來替代收費版本的Visual Studio 2015.
VS2015 下載地址:https://www.visualstudio.com/zh-cn/downloads/download-visual-studio-vs.aspx
然后到https://go.microsoft.com/fwlink/?LinkId=817245 下載“NET Core Tooling Preview 2 for Visual Studio 2015”
准備妥當之后,打開VS2015.
新建項目,選擇Asp.net Core Application 項目。
配置好項目文件的位置之后,點擊確定,選擇模板,身份驗證方式。
點擊確定后,項目就生成了。
啟動調試的時候有兩種選擇:
使用IIS Express做宿主或者選擇 Application自宿主方式。效果如下:
1.3 使用VSCode(跨平台方案)
通用的跨平台解決方案是使用Visual Studio Code,我們首先到https://code.visualstudio.com/ 下載VS Code,進行安裝。
安裝之后,打開VS Code,Ctrl+P 打開Quick Open,輸入如下命令,安裝C# for Visual Studio Code。
ext install csharp
安裝成功之后,重啟VS Code。
下面我們新建一個文件夾,用來測試Asp.net Core。
進入文件夾,在命令行分別執行如下命令:
dotnet new -t web
dotnet restore
dotnet run
現在在瀏覽器打開http://localhost:5000,可以看到默認生成的站點。
在命令行“CTRL+C”,結束測試,下面我們用VS Code打開項目文件夾。當前生成的內容如下:
右鍵用VS Code打開文件夾。
這個時候會提醒,下載調試和編譯工具,點擊“Yes”。
注意下面的狀態欄信息,不過要注意的是,如果下載失敗的話,可能需要考慮代理或者其他方式科學上網了。
比較幸運,下載和安裝成功。
展開調試功能。
如果調試選項里顯示沒有匹配,在配置下拉中選擇.NET Core。
在調試器選擇web項目。
開始調試。
如果打開的是 VS2015創建的項目,可能會出現如下錯誤:
打開launch.json,修改program的路徑,具體路徑可以查看編譯后的bin/debug文件夾里面的內容:
啟動調試,編譯成功,會自動啟動瀏覽器。
但是我們看到的樣式和從命令行看到的不同,原因在於調試模式和Product模式,使用的文件不一樣,在_Layout文件中我們可以看到原因。
開發模式下,引用的bootstrap文件在“wwwroot/lib/bootstrap”目錄下,但是我們當前找不到這個目錄。項目的JQuery和Bootstrap依賴是通過bower來安裝的,這點我們可以從bower.json看到。
看來是需要先安裝bower了,通過如下命令進行安裝:
npm install -g bower
如果連npm都沒有,那就先安裝node了,這里我就不再啰嗦下去了。
bower 安裝成功之后,執行
bower install
安裝依賴項。
再次啟動調試。
現在一切正常了。
需要調試代碼的地方,直接單擊代碼左側下斷點就可以了。
1.4 Yeoman
在使用VS Code進行Asp.net Core 開發過程中,我們通常會使用Yeoman和VS Code打配合。Yeoman是一套工具的集合,通過模板的方式,生成Asp.net Core的項目文件,單獨生成Contoller、View等文件。
首先我們通過NPM安裝一整套依賴項。
npm install -g yo bower grunt-cli gulp
然后再執行下面的命令安裝generator-aspnet。
npm install -g generator-aspnet
下面重新開始構建一個Asp.Net Core 項目。
先創建一個測試項目的文件夾。
執行
yo aspnet
先蹦出來的是是否允許上傳使用統計信息。
接下來是創建項目的選項:
使用鍵盤上下鍵進行選擇,然后回車鍵確認,這里我新建一個Basic類型的web項目。
接下來選擇使用UI框架,我還是選擇Bootstrap。
輸入要創建項目的名稱(BasicWeb)。
現在提示創建成功了,使用dotnet 的restore、build、run命令分別用來加載依賴,編譯和運行。
現在使用VS Code打開該文件夾,可以進行編輯和調試了。
首次打開時仍然會有這樣的提示,點擊yes,會生成.vscode文件夾,下面會生成編譯和啟動相關的配置文件。
添加Controller
在VS Code中從命令行打開Controller文件夾。
執行命令:
yo aspnet:MvcController DemoController
回到vscode中,可以看到生成的文件。
下面再來生成對應的view文件。
添加 View
現在Views文件夾下創建一個Demo1的文件夾用來和Demo1Controller對應。
從命令行打開Demo1文件夾,執行下面的命令創建Index 視圖文件。
yo aspnet:MvcView Index
1.5 小結
乘着 .NET Core 1.0發布的東風,寫了這么一篇入門的文章(我發現我一直在寫入門的文章,水平有限)。在不可逆轉的開源浪潮的驅動下,有理由相信.NET Core的發展會越來越好。我也會將更多更好的這一方面的原創博文分享給各位。讓我們共同努力。
最后要提醒一句,不論項目是何種方式創建的,VSCODE打開之前,都要運行下“dotnet restore”。當然在跨平台開發環境中,一定要熟悉dotnet cli的各種命令,離開了VS2015這樣的巨無霸,命令行在linux和Mac下才是最實用的。