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

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

2年前作者：我也禿了分類：Toy博客閱讀(20)違法舉報

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

前提條件

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

第一步：新建文件夾

選擇喜歡的位置新建文件夾，~~然后開始摸魚~~ 然后進行下一步

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

在終端或cmd中直接運行

cd yourProjectAddress
dotnet new react

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

第三步：安裝依賴

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

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

第四步：試運行react

使用以下語句運行

npm start

順利的話會出現這樣的結果
React + ASP.NET Core 項目筆記一：項目環(huán)境搭建（一）,全棧項目,asp.net,react
之后點開跳轉到網頁看看
可能會出現這種情況

點擊Advanced，再點擊Proceed前往就行

看到這樣的網頁就算完成了

第五步：整理項目結構

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

dotnet new sln

之后會出現項目名.sln
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

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

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

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

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如若轉載，請注明出處：如若內容造成侵權/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經查實，立即刪除！

分享到：

領支付寶紅包贊助服務器費用

Asp.NET Core WebAPI 入門學習筆記，超詳細
WebAPI 是一種傳統(tǒng)的方式，用于構建和暴露 RESTUI風格的Web服務。它提供了豐富的功能和靈活性，可以處理各種HTTP請求，并支持各種數據格式，如JSON、XML等。 WebAPI使用控制器(Controllers)和動作方法(ActionMethods)的概念、通過路由配置將請求映射到相應的方法上。開發(fā)人員可以使用
2024年04月24日
瀏覽(94)
asp.net core項目發(fā)布到 iis上
????????我們都知道與傳統(tǒng)asp.net 項目比較，ASP.NET Core則完全不同，它并不是運行在IIS的工作進程中，而是獨立運行的。它運行于控制臺應用程序之中，控制臺中則運行了Kestrel Web服務器組件。Kestrel作為一款.NET Web服務器的實現，它在吞吐量性能方面做了很多工作。它可以
2024年01月21日
瀏覽(23)
Asp-Net-Core開發(fā)筆記：API版本管理
對于Web API應用程序而言，隨著時間的推移以及需求的增加或改變，API必然會遇到升級的需求。事實上，Web API應用程序應該從創(chuàng)建時就考慮到API版本的問題。業(yè)務的調整、功能的增加、接口的移除與改名、接口參數變動、實體屬性的添加、刪除和更改等都會改變API的功能，從
2024年02月08日
瀏覽(25)
ASP.NET Core Web應用程序項目部署流程
目錄一、準備ASP.NET Core應用程序部署文件二、環(huán)境配置三、測試 ASP.NET Core Web 應用程序四、部署后訪問失敗問題以下部署流程都是基于Windows服務器環(huán)境下進行的。一、準備ASP.NET Core應用程序部署文件使用 Visual Studio 開發(fā)工具創(chuàng)建 ASP.NET Core 的Web應用程序，利用VS工具發(fā)布
2024年02月05日
瀏覽(35)
asp.net core 項目從本地部署到遠程云服務器
今天向大家詳細介紹一下,如何將一個.net core項目部署到遠程云服務器,我的服務器鏡像為 window server 2019. 1.安裝IIS 首先在服務器上安裝IIS(我的是最新的iis10),我已經安裝完畢,這個安裝操作比較簡單,自行谷歌。安裝完成后會看到下面的界面: 2.安裝web deploy程序該程序的功能: 它
2023年04月22日
瀏覽(22)
asp.net core框架搭建1-搭建webapi，對數據增刪改查接口模板(附源碼)
作者：xcLeigh 文章地址：https://blog.csdn.net/weixin_43151418/article/details/131458922 asp.net core 框架搭建2-搭建webapi ，本文章介紹asp.net core webapi框架搭建，然后開發(fā)增刪改查和工具接口，將一步步帶著大家，實現目標。所有操作過程將展現在本篇文章，下面咋們一起來實現它吧。 asp.ne
2024年02月13日
瀏覽(19)
如何將 ASP.NET Core MVC 項目的視圖分離到另一個項目
在當下這個年代 SPA 已是主流，人們早已忘記了 MVC 以及 Razor 的故事。但是在某些場景下 SSR 還是有意想不到效果。比如某些靜態(tài)頁面，比如追求首屏加載速度的時候。最近在項目中回歸傳統(tǒng)效果還是不錯。有的時候我們希望將視圖（Views）從主項目中分離出來，以提高項目的
2024年04月22日
瀏覽(45)
1.2 .net 8 ASP.NET Core Web API 項目創(chuàng)建之 Hello,World
上一節(jié)演示了如何創(chuàng)建一個新的Web API 項目，并展示了如何運行及測試接口，這節(jié)的主要目標是增加一個hello的接口，接口返回內容為“Hello,World！”，在添加接口之前，我們先要對上一節(jié)的項目進行分析，只有了解項目的結構，才能知道怎么去添加新的接口和擴展新的功能。
2024年01月20日
瀏覽(32)
在IIS上部署你的ASP.NET Core Web Api項目及Swagger
與ASP.NET時代不同，ASP.NET Core不再是由IIS工作進程（w3wp.exe）托管，而是使用自托管Web服務器（Kestrel）運行，IIS則是作為反向代理的角色轉發(fā)請求到Kestrel不同端口的ASP.NET Core程序中，隨后就將接收到的請求推送至中間件管道中去，處理完你的請求和相關業(yè)務邏輯之后再將HTTP響
2024年02月10日
瀏覽(24)
ASP.NET Core應用程序在IIS服務器上的運行環(huán)境介紹和下載安裝（超詳細）
要想在 IIS 上成功運行 ASP.NET Core 應用程序，我們需要有ASP.NET Core 運行時和ASP.NET Core Module。而在這里我們僅需要下載ASP.NET Core Hosting Bundle 即可，這是為什么呢？想了解的可以看文章末節(jié)的介紹。 ASP.NET 核心運行時使你能夠運行現有的 Web/服務器應用程序。在 Windows 上，我們
2024年02月11日
瀏覽(30)