asp.net core開發環境準備

 

1.1  安裝sdk和運行時

瀏覽器打開網址https://www.microsoft.com/net/download .Net Core下載頁面。

根據操作系統,下載對應的SDK進行安裝。安裝之後可以從命令行運行dotnet命令,查看是否安裝成功。

1.2  使用VS2015

首先確保你的電腦上安裝Visual Studio 2015 Update3,當然我們也可以安裝 Visual Studio Community 2015https://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”目錄下,但是我們當前找不到這個目錄。項目的JQueryBootstrap依賴是通過bower來安裝的,這點我們可以從bower.json看到。

看來是需要先安裝bower了,通過如下命令進行安裝:

npm install -g bower

如果連npm都沒有,那就先安裝node了,這裏我就不再囉嗦下去了。

bower 安裝成功之後,執行

bower install

安裝依賴項。

再次啓動調試。

現在一切正常了。

需要調試代碼的地方,直接單擊代碼左側下斷點就可以了。

1.4 Yeoman

在使用VS Code進行Asp.net Core 開發過程中,我們通常會使用YeomanVS Code打配合。Yeoman是一套工具的集合,通過模板的方式,生成Asp.net Core的項目文件,單獨生成ContollerView等文件。

首先我們通過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 restorebuildrun命令分別用來加載依賴,編譯和運行。

現在使用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下才是最實用的。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章