国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一)

這篇具有很好參考價值的文章主要介紹了Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

前提條件

安裝dotnet core sdk
安裝Node.js + npm

第一步:新建文件夾

選擇喜歡的位置新建文件夾,然后開始摸魚 然后進(jìn)行下一步

第二步:使用VS/ VS code/cmd 打開該文件夾

在終端或cmd中直接運行

cd yourProjectAddress
dotnet new react

VS Code 如下圖
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react

第三步:安裝依賴

我們新初始化的項目并沒有安裝包,特別是前端部分,所以需要先安裝

cd ClientApp
npm install #按照package.json安裝
# 另外也可以使用以下語句單獨安裝
npm install <package_name>

第四步:試運行react

使用以下語句運行

npm start

順利的話會出現(xiàn)這樣的結(jié)果
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react
之后點開跳轉(zhuǎn)到網(wǎng)頁看看
可能會出現(xiàn)這種情況
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react
點擊Advanced, 再點擊Proceed前往就行
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react
看到這樣的網(wǎng)頁就算完成了
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react

第五步:整理項目結(jié)構(gòu)

右鍵新建文件夾src,然后把.Net的一些文件挪過去
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react
之后在src同級目錄下運行,創(chuàng)建解決方案

dotnet new sln

之后會出現(xiàn)項目名.sln
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react

dotnet sln add src/yourProject.csproj

將項目“yourProject.csproj”添加到解決方案中。
之后編輯src/yourProject.csproj

替換SpaRoot 這行,改變目錄,因為文件位置改了

<SpaRoot>..\ClientApp\</SpaRoot> #new
<SpaRoot>ClientApp\</SpaRoot> #old

最后嘗試一下打包

dotnet build  

沒有報錯就算完成了
Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一),全棧項目,asp.net,react

如果有幫助到你,點個贊吧?。?!文章來源地址http://www.zghlxwxcb.cn/news/detail-700296.html

到了這里,關(guān)于Azure + React + ASP.NET Core 項目筆記一:項目環(huán)境搭建(一)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • Asp.NET Core WebAPI 入門學(xué)習(xí)筆記,超詳細(xì)

    Asp.NET Core WebAPI 入門學(xué)習(xí)筆記,超詳細(xì)

    WebAPI 是一種傳統(tǒng)的方式,用于構(gòu)建和暴露 RESTUI風(fēng)格的Web服務(wù)。它提供了豐富的功能和靈活性,可以處理各種HTTP請求,并支持各種數(shù)據(jù)格式,如JSON、XML等。 WebAPI使用控制器(Controllers)和動作方法(ActionMethods)的概念、通過路由配置將請求映射到相應(yīng)的方法上。 開發(fā)人員可以使用

    2024年04月24日
    瀏覽(97)
  • asp.net core項目發(fā)布到 iis上

    asp.net core項目發(fā)布到 iis上

    ????????我們都知道與傳統(tǒng)asp.net 項目比較,ASP.NET Core則完全不同,它并不是運行在IIS的工作進(jìn)程中,而是獨立運行的。它運行于控制臺應(yīng)用程序之中,控制臺中則運行了Kestrel Web服務(wù)器組件。Kestrel作為一款.NET Web服務(wù)器的實現(xiàn),它在吞吐量性能方面做了很多工作。它可以

    2024年01月21日
    瀏覽(23)
  • Asp-Net-Core開發(fā)筆記:API版本管理

    Asp-Net-Core開發(fā)筆記:API版本管理

    對于Web API應(yīng)用程序而言,隨著時間的推移以及需求的增加或改變,API必然會遇到升級的需求。事實上,Web API應(yīng)用程序應(yīng)該從創(chuàng)建時就考慮到API版本的問題。業(yè)務(wù)的調(diào)整、功能的增加、接口的移除與改名、接口參數(shù)變動、實體屬性的添加、刪除和更改等都會改變API的功能,從

    2024年02月08日
    瀏覽(25)
  • ASP.NET Core Web應(yīng)用程序項目部署流程

    ASP.NET Core Web應(yīng)用程序項目部署流程

    目錄 一、準(zhǔn)備ASP.NET Core應(yīng)用程序部署文件 二、環(huán)境配置 三、測試 ASP.NET Core Web 應(yīng)用程序 四、部署后訪問失敗問題 以下部署流程都是基于Windows服務(wù)器環(huán)境下進(jìn)行的。 一、準(zhǔn)備ASP.NET Core應(yīng)用程序部署文件 使用 Visual Studio 開發(fā)工具創(chuàng)建 ASP.NET Core 的Web應(yīng)用程序,利用VS工具發(fā)布

    2024年02月05日
    瀏覽(36)
  • asp.net core框架搭建1-搭建webapi,對數(shù)據(jù)增刪改查接口模板(附源碼)

    asp.net core框架搭建1-搭建webapi,對數(shù)據(jù)增刪改查接口模板(附源碼)

    作者:xcLeigh 文章地址:https://blog.csdn.net/weixin_43151418/article/details/131458922 asp.net core 框架搭建2-搭建webapi ,本文章介紹asp.net core webapi框架搭建,然后開發(fā)增刪改查和工具接口,將一步步帶著大家,實現(xiàn)目標(biāo)。所有操作過程將展現(xiàn)在本篇文章,下面咋們一起來實現(xiàn)它吧。 asp.ne

    2024年02月13日
    瀏覽(21)
  • asp.net core 項目從本地部署到遠(yuǎn)程云服務(wù)器

    asp.net core 項目從本地部署到遠(yuǎn)程云服務(wù)器

    今天向大家詳細(xì)介紹一下,如何將一個.net core項目部署到遠(yuǎn)程云服務(wù)器,我的服務(wù)器鏡像為 window server 2019. 1.安裝IIS 首先在服務(wù)器上安裝IIS(我的是最新的iis10),我已經(jīng)安裝完畢,這個安裝操作比較簡單,自行谷歌。 安裝完成后會看到下面的界面: 2.安裝web deploy程序 該程序的功能: 它

    2023年04月22日
    瀏覽(25)
  • 如何將 ASP.NET Core MVC 項目的視圖分離到另一個項目

    在當(dāng)下這個年代 SPA 已是主流,人們早已忘記了 MVC 以及 Razor 的故事。但是在某些場景下 SSR 還是有意想不到效果。比如某些靜態(tài)頁面,比如追求首屏加載速度的時候。最近在項目中回歸傳統(tǒng)效果還是不錯。 有的時候我們希望將視圖(Views)從主項目中分離出來,以提高項目的

    2024年04月22日
    瀏覽(46)
  • 1.2 .net 8 ASP.NET Core Web API 項目創(chuàng)建之 Hello,World

    1.2 .net 8 ASP.NET Core Web API 項目創(chuàng)建之 Hello,World

    上一節(jié)演示了如何創(chuàng)建一個新的Web API 項目,并展示了如何運行及測試接口,這節(jié)的主要目標(biāo)是增加一個hello的接口,接口返回內(nèi)容為“Hello,World!”,在添加接口之前,我們先要對上一節(jié)的項目進(jìn)行分析,只有了解項目的結(jié)構(gòu),才能知道怎么去添加新的接口和擴(kuò)展新的功能。

    2024年01月20日
    瀏覽(34)
  • 在IIS上部署你的ASP.NET Core Web Api項目及Swagger

    在IIS上部署你的ASP.NET Core Web Api項目及Swagger

    與ASP.NET時代不同,ASP.NET Core不再是由IIS工作進(jìn)程(w3wp.exe)托管,而是使用自托管Web服務(wù)器(Kestrel)運行,IIS則是作為反向代理的角色轉(zhuǎn)發(fā)請求到Kestrel不同端口的ASP.NET Core程序中,隨后就將接收到的請求推送至中間件管道中去,處理完你的請求和相關(guān)業(yè)務(wù)邏輯之后再將HTTP響

    2024年02月10日
    瀏覽(26)
  • ASP.NET Core應(yīng)用程序在IIS服務(wù)器上的運行環(huán)境介紹和下載安裝(超詳細(xì))

    ASP.NET Core應(yīng)用程序在IIS服務(wù)器上的運行環(huán)境介紹和下載安裝(超詳細(xì))

    要想在 IIS 上成功運行 ASP.NET Core 應(yīng)用程序,我們需要有ASP.NET Core 運行時和ASP.NET Core Module。而在這里我們僅需要下載ASP.NET Core Hosting Bundle 即可,這是為什么呢? 想了解的可以看文章末節(jié)的介紹。 ASP.NET 核心運行時使你能夠運行現(xiàn)有的 Web/服務(wù)器應(yīng)用程序。 在 Windows 上,我們

    2024年02月11日
    瀏覽(33)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包