十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
怎么進行asp.net core開發(fā)環(huán)境準(zhǔn)備,相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。

瀏覽器打開網(wǎng)址https://www.microsoft.com/net/download, 到.Net Core下載頁面。

根據(jù)操作系統(tǒng),下載對應(yīng)的SDK進行安裝。安裝之后可以從命令行運行dotnet命令,查看是否安裝成功。

首先確保你的電腦上安裝Visual Studio 2015 Update3,當(dāng)然我們也可以安裝 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”
準(zhǔn)備妥當(dāng)之后,打開VS2015.

新建項目,選擇Asp.net Core Application 項目。

配置好項目文件的位置之后,點擊確定,選擇模板,身份驗證方式。

點擊確定后,項目就生成了。

啟動調(diào)試的時候有兩種選擇:

使用IIS Express做宿主或者選擇 Application自宿主方式。效果如下:

通用的跨平臺解決方案是使用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。

進入文件夾,在命令行分別執(zhí)行如下命令:
dotnet new -t web
dotnet restore
dotnet run


現(xiàn)在在瀏覽器打開http://localhost:5000,可以看到默認(rèn)生成的站點。

在命令行“CTRL+C”,結(jié)束測試,下面我們用VS Code打開項目文件夾。當(dāng)前生成的內(nèi)容如下:

右鍵用VS Code打開文件夾。

這個時候會提醒,下載調(diào)試和編譯工具,點擊“Yes”。

注意下面的狀態(tài)欄信息,不過要注意的是,如果下載失敗的話,可能需要考慮代理或者其他方式科學(xué)上網(wǎng)了。

比較幸運,下載和安裝成功。

展開調(diào)試功能。

如果調(diào)試選項里顯示沒有匹配,在配置下拉中選擇.NET Core。

在調(diào)試器選擇web項目。

開始調(diào)試。

如果打開的是 VS2015創(chuàng)建的項目,可能會出現(xiàn)如下錯誤:

打開launch.json,修改program的路徑,具體路徑可以查看編譯后的bin/debug文件夾里面的內(nèi)容:


啟動調(diào)試,編譯成功,會自動啟動瀏覽器。

但是我們看到的樣式和從命令行看到的不同,原因在于調(diào)試模式和Product模式,使用的文件不一樣,在_Layout文件中我們可以看到原因。

開發(fā)模式下,引用的bootstrap文件在“wwwroot/lib/bootstrap”目錄下,但是我們當(dāng)前找不到這個目錄。項目的JQuery和Bootstrap依賴是通過bower來安裝的,這點我們可以從bower.json看到。

看來是需要先安裝bower了,通過如下命令進行安裝:
npm install -g bower
如果連npm都沒有,那就先安裝node了,這里我就不再啰嗦下去了。
bower 安裝成功之后,執(zhí)行
bower install
安裝依賴項。

再次啟動調(diào)試。

現(xiàn)在一切正常了。
需要調(diào)試代碼的地方,直接單擊代碼左側(cè)下斷點就可以了。

在使用VS Code進行Asp.net Core 開發(fā)過程中,我們通常會使用Yeoman和VS Code打配合。Yeoman是一套工具的集合,通過模板的方式,生成Asp.net Core的項目文件,單獨生成Contoller、View等文件。
首先我們通過NPM安裝一整套依賴項。
npm install -g yo bower grunt-cli gulp
然后再執(zhí)行下面的命令安裝generator-aspnet。
npm install -g generator-aspnet
下面重新開始構(gòu)建一個Asp.Net Core 項目。
先創(chuàng)建一個測試項目的文件夾。

執(zhí)行
yo aspnet
先蹦出來的是是否允許上傳使用統(tǒng)計信息。

接下來是創(chuàng)建項目的選項:

使用鍵盤上下鍵進行選擇,然后回車鍵確認(rèn),這里我新建一個Basic類型的web項目。

接下來選擇使用UI框架,我還是選擇Bootstrap。

輸入要創(chuàng)建項目的名稱(BasicWeb)。

現(xiàn)在提示創(chuàng)建成功了,使用dotnet 的restore、build、run命令分別用來加載依賴,編譯和運行。
現(xiàn)在使用VS Code打開該文件夾,可以進行編輯和調(diào)試了。

首次打開時仍然會有這樣的提示,點擊yes,會生成.vscode文件夾,下面會生成編譯和啟動相關(guān)的配置文件。

在VS Code中從命令行打開Controller文件夾。

執(zhí)行命令:
yo aspnet:MvcController DemoController

回到vscode中,可以看到生成的文件。

下面再來生成對應(yīng)的view文件。
現(xiàn)在Views文件夾下創(chuàng)建一個Demo1的文件夾用來和Demo1Controller對應(yīng)。

從命令行打開Demo1文件夾,執(zhí)行下面的命令創(chuàng)建Index 視圖文件。
yo aspnet:MvcView Index

不論項目是何種方式創(chuàng)建的,VSCODE打開之前,都要運行下“dotnet restore”。當(dāng)然在跨平臺開發(fā)環(huán)境中,一定要熟悉dotnet cli的各種命令,離開了VS2015這樣的巨無霸,命令行在linux和Mac下才是最實用的。
看完上述內(nèi)容,你們掌握怎么進行asp.net core開發(fā)環(huán)境準(zhǔn)備的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。