怎么進(jìn)行asp.net core開發(fā)環(huán)境準(zhǔn)備,相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
成都地區(qū)優(yōu)秀IDC服務(wù)器托管提供商(成都創(chuàng)新互聯(lián)).為客戶提供專業(yè)的綿陽主機托管,四川各地服務(wù)器托管,綿陽主機托管、多線服務(wù)器托管.托管咨詢專線:13518219792
瀏覽器打開網(wǎng)址https://www.microsoft.com/net/download, 到.Net Core下載頁面。
根據(jù)操作系統(tǒng),下載對應(yīng)的SDK進(jìn)行安裝。安裝之后可以從命令行運行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,進(jìn)行安裝。
安裝之后,打開VS Code,Ctrl+P打開Quick Open,輸入如下命令,安裝C# for Visual Studio Code。
ext install csharp
安裝成功之后,重啟VS Code。
下面我們新建一個文件夾,用來測試Asp.net Core。
進(jìn)入文件夾,在命令行分別執(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了,通過如下命令進(jìn)行安裝:
npm install -g bower
如果連npm都沒有,那就先安裝node了,這里我就不再啰嗦下去了。
bower安裝成功之后,執(zhí)行
bower install
安裝依賴項。
再次啟動調(diào)試。
現(xiàn)在一切正常了。
需要調(diào)試代碼的地方,直接單擊代碼左側(cè)下斷點就可以了。
在使用VS Code進(jìn)行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)建項目的選項:
使用鍵盤上下鍵進(jìn)行選擇,然后回車鍵確認(rèn),這里我新建一個Basic類型的web項目。
接下來選擇使用UI框架,我還是選擇Bootstrap。
輸入要創(chuàng)建項目的名稱(BasicWeb)。
現(xiàn)在提示創(chuàng)建成功了,使用dotnet的restore、build、run命令分別用來加載依賴,編譯和運行。
現(xiàn)在使用VS Code打開該文件夾,可以進(jìn)行編輯和調(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)容,你們掌握怎么進(jìn)行asp.net core開發(fā)環(huán)境準(zhǔn)備的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!