.NET 5 下一代全平臺(tái) .Net 框架,更多更詳細(xì)介紹我就不復(fù)制粘貼了,也沒啥意義,網(wǎng)上一搜一大把,這里只是提一下讓大家有個(gè)印象就成。因?yàn)檫@個(gè)是個(gè)很基礎(chǔ)的系列,所以很多方面都只是淺嘗輒止,旨在讓初學(xué)者能夠直觀上有個(gè)概念然后能快速入門,大伙可以根據(jù)這個(gè)線索提綱有針對(duì)性深度學(xué)習(xí)研究。

常用的應(yīng)用程序類型
桌面應(yīng)用程序(WPF/Windows窗體)
本地安裝的傳統(tǒng)應(yīng)用程序。
在舊版本如Windows(7,XP)中運(yùn)行良好
UWP(通用Windows平臺(tái))和Xamarin
從Windows應(yīng)用商店安裝
在移動(dòng)、PC、Xbox、IoT、HaloLens上運(yùn)行
Web應(yīng)用
客戶端無需安裝。直接從瀏覽器運(yùn)行,需要Internet Explorer、Edge、Firefox、Chrome、Safari等瀏覽器
本系列目前暫時(shí)只關(guān)注web 也就是asp.net 及asp.net webapi相關(guān)的技術(shù)。
VS2019 快速創(chuàng)建項(xiàng)目下載地址:微軟官網(wǎng)
可以根據(jù)實(shí)際情況下載對(duì)應(yīng)的版本。安裝過程就不表述了很簡(jiǎn)單的,提醒一下 因?yàn)槲覀兡壳爸饕獙W(xué)習(xí)的是asp.net 所以在安裝的時(shí)候這個(gè)工作負(fù)載需要選擇,如下圖:

安裝完成后打開大概如下圖:

在創(chuàng)建第一個(gè)項(xiàng)目之前先簡(jiǎn)單介紹下解決方案和項(xiàng)目工程
VS項(xiàng)目
項(xiàng)目用于構(gòu)建應(yīng)用程序。
由代碼、圖形和網(wǎng)頁組成的應(yīng)用。
項(xiàng)目的輸出通常是一個(gè)可執(zhí)行文件
可以部署到服務(wù)器或設(shè)備。
VS解決方案
解決方案用于將相關(guān)的多個(gè)項(xiàng)目分組在一起
下面就來按圖所示一步一步地創(chuàng)建第一個(gè)項(xiàng)目:點(diǎn)擊創(chuàng)建新項(xiàng)目

選擇web 開發(fā)語言C#,選擇asp.net core web 應(yīng)用程序項(xiàng)目模板,點(diǎn)擊下一步

填寫項(xiàng)目名稱“L01”,選擇項(xiàng)目存儲(chǔ)的位置,填寫解決方案的名稱“NetWeb應(yīng)用開發(fā)基礎(chǔ)”,然后點(diǎn)擊創(chuàng)建進(jìn)行下一步配置

選擇最新的目標(biāo)框架asp.net core5.0 選擇asp.net core 空 項(xiàng)目模板進(jìn)行創(chuàng)建項(xiàng)目,我們把HTTPS配置勾選去掉,暫時(shí)還用不著,點(diǎn)擊創(chuàng)建進(jìn)行項(xiàng)目及解決方案的創(chuàng)建

解決方案及項(xiàng)目創(chuàng)建成功

因?yàn)楸竟?jié)主要介紹HTML CSS,那么我們先為項(xiàng)目創(chuàng)建一個(gè)存放處理靜態(tài)文件的文件夾,文件夾名為“wwwroot”不用問為什么,因?yàn)閚et core 項(xiàng)目默認(rèn)的靜態(tài)處理文件夾名稱為“wwwroot”,當(dāng)然其實(shí)可以配置更改,也可以配置多個(gè),只是不在本次介紹范圍內(nèi),有興趣可以自行深度學(xué)習(xí),后期會(huì)有相關(guān)介紹

接下來我們就要?jiǎng)?chuàng)建第一個(gè)HTML網(wǎng)頁了在解決方案資源管理器中右鍵L01項(xiàng)目中剛剛創(chuàng)建的wwwoot文件夾添加>新建項(xiàng)目選擇>HTML頁>按國(guó)際慣例命名為HelloWorld.html 點(diǎn)擊添加完成

接下來打開剛剛創(chuàng)建的html 頁面進(jìn)行修改保存并運(yùn)行修改完成后右鍵helloworld.html>選擇在瀏覽器中查看頁面即可在對(duì)應(yīng)的瀏覽器中運(yùn)行呈現(xiàn)了

其實(shí)如果不出意外你將看到運(yùn)行錯(cuò)誤的頁面,瀏覽器會(huì)告訴你沒有找到對(duì)應(yīng)的頁面,這個(gè)是為什么呢?原來我們創(chuàng)建的是空項(xiàng)目,所以還有少許配置沒有配置,現(xiàn)在我們打開Startup.cs,做如下配置:

然后保存完成后再次右鍵helloworld.html在瀏覽器中查看,本次如無意外你將看到類似下圖頁面,恭喜你你的第一個(gè)html運(yùn)行成功。

本節(jié)介紹完畢,內(nèi)容只針對(duì)入門人群,所以很基礎(chǔ),會(huì)一步一步的用實(shí)例深入。下一節(jié)將簡(jiǎn)單介紹HTML