創建和運行模糊 Web 助理專案

環境

Visual Studio

• Visual Studio 2019

.NET

• .NET 5.0

獲取和安裝視覺工作室

使用視覺工作室開發模糊專案。 下面介紹如何獲取和設置視覺工作室。

• Visual 工作室 2019 安裝說明
• Visual Studio Tips 一覽

其他步驟可能很麻煩，但您可以使用視覺工作室代碼進行開發。 （此處不作任何解釋）

創建布萊佐爾網路專案

從「開始」功能表中選擇「視覺工作室 2019」。 此處的版本為 2019，但您可以在更高版本中創建專案。

選擇創建新專案。

在上面的搜索輸入欄位中輸入"Blazor"將顯示一個清單，因此請選擇"Blazor WebAssembly 應用"，然後按兩下"下一步"按鈕。

專案名稱並不重要，但此處為「混合 Web 子示例」。 您可以在任何地方建立專案。 解決方案名稱是自動填充的，因此您可以保持原樣。

目標框架是"。 NET 核心 3.1 或更高版本。 這裡是最新的" NET 5.0。 其餘部分保留為預設值。 完成後，按兩下「創建」 按鈕。

將顯示視覺工作室主視窗 （IDE），並且專案已創建。 窗口佈局可能因首選項而異，但不會影響開發。

指定的資料夾建立與項目相關的檔案。 專案不會影響此資料夾上方的層次結構（外部），因此，如果您不再需要每個資料夾，則可以刪除所有資料夾。

執行（除錯執行）

由於在專案創建狀態下生成了一個小範例，因此可以按原樣運行它。 按兩下工具列上的 IIS 運算式以運行它。 在您自己的環境中創建一個簡單的 Web 伺服器" IIS 快遞" 此 IIS 運算式在完成調試時自動結束。

順便說一下，在混合 WebAssembly 調試運行中，Web 伺服器僅用於下載應用。

生成開始一段時間后，生成完成，Web 瀏覽器啟動。 將顯示 Web 螢幕，但所有這些螢幕都完全由客戶端處理完成（存取伺服器資源除外）。 通常，Web 應用的用戶端處理通常使用 Java 腳本創建，但 Blazor 可以使用 WebAssembly 機制在 C# 中創建它。

以下是每次按兩下時增加計數的過程。 這些不刷新螢幕的過程通常用 Javascript 編寫，但它們也在 C# 中實現。

這是從伺服器下載 JSON 檔並顯示清單的螢幕。

停止調試運行

如果 Web 瀏覽器單獨啟動，則關閉 Web 瀏覽器將結束除錯運行，但如果在已啟動的 Web 瀏覽器的新選項卡中打開該選項卡，則關閉該選項卡不會結束除錯運行。

在這種情況下，請按兩下Visual工作室工具列中的停止調試按鈕。

開發結束

基本上，您可以像完成任何其他項目一樣完成視覺工作室。 如果某些檔尚未保存，則會顯示保存確認。

再次開發時，可以打開"xxxxxx.sin"檔，也可以從那裡打開它，因為當您啟動Visual Studio時，歷史記錄會顯示出來。