全新推出，限時免費電子書 要搶要快 "使用 Prism 進行 .NET MAUI 專案開發" 開發教學

使用 Prism 進行 .NET MAUI 專案開發

熱騰騰，雖然尚未全部完成與校稿
這是一本完全免費的 .NET MAUI 開發教學電子書
讓讀者可以邊看、邊學、邊做
在短短一天的時間內
告訴你如何從無到有的詳細步驟
學會使用 .NET MAUI 工具
進行跨平台應用程式的開發
也歡迎幫忙轉發通知更多人知道

C# : 在開發方案中，加入自訂的 NuGet 套件來源，無需透過 工具 > 選項 > NuGet 來設定

在開發方案中，加入自訂的 NuGet 套件來源，無需透過 工具 > 選項 > NuGet 來設定

在上一篇文章 C# : 將 EF Core 的資料模型類別庫，打包成為 NuGet 套件，並且上傳到公開 NuGet 伺服器上 中，說明到如何自己設計一個類別庫專案，並且將其打包成為一個 NuGet 套件，接著，將其發佈到私有的 NuGet 伺服器上，最後，透過在 Visual Studio 上加入這個私有的 NuGet 套件來源，成功的安裝這些套件到專案內來進行開發。

有些時候，在進行專案開發需要使用到一些 NuGet 套件，然而，有些時候需要參考到非 https://www.nuget.org/ 官方網站的套件，例如，許多套件是自己團隊或者公司開發的(或者，像是參加我的課程，也會用到我自行開發的 NuGet 套件，方便進行開發練習)，並且發佈到其他非 NuGet 的網站上，此時，若要使用這些套件，或者要打開這類專案，都需要事先在 Visual Studio 上進行宣告與設定，否則，將無法建置此類型的專案，因為，無法將這些套件從網路下載下來。

在進行此篇文章動手練習之前

• 請先打開 Visual Studio 2022

• 點選功能表 [工具] > [選項]

• 在 [選項] 對話窗中，展開 [NuGet 套件管理員] > [套件來源] 節點

• 確認此時對話窗的右方套件來源清單中，是安裝 Visual Studio 2022 預設的選項，沒有其他自行額外追加的項目，若有這些額外新增的項目，請先刪除掉

  

建立測試用的主控台應用程式專案

• 打開 Visual Studio 2022

• 點選右下方的 [建立新的專案] 按鈕

• 選擇一個 [主控台應用程式] 的專案範本

• 點選右下方的 [下一步] 按鈕

• 在 [設定新的專案] 對話窗內，在 [專案名稱] 欄位中，輸入 CustomNuGet

• 點選右下方的 [下一步] 按鈕

• 在 [其他資訊] 對話窗中

• 取消 [Do not use top-level statements] 這個 checkbox 檢查盒的勾選

• 點選右下方的 [建立] 按鈕

• 當這個專案建立完成後

• 滑鼠右擊 [解決方案] 節點

• 點選 [加入] > [新增項目]

• 在 [新增項目 - 方案項目] 對話窗內

• 在中間清單區域，選擇 [XML] 項目

• 在下方名稱欄位內，輸入 NuGet.config

• 點選右下方 [新增] 按鈕

  

• 當 [NuGet.config] 編輯視窗出現之後，便可以將底下的宣告內容輸入到這個檔案內

<?xml version="1.0" encoding="utf-8"?>
<configuration>
	<packageSources>
		<add key="Vulcan 教學課程 NuGet 套件" 
        value="https://www.myget.org/F/course-lab/api/v3/index.json" />
	</packageSources>
</configuration>

為了要讓這些新加入的內容生效，建議你將這個專案關閉起來，又或者關閉 Visual Studio 2022`,重新開啟 Visual Studio 2022 與 這個練習專案

驗證可以使用專案特定的 NuGet 套件來源

專案重新開啟之後，請依序進行底下操作，確認剛剛的設定可以正確完成無誤。

在這裡將會要透過剛剛新加入的 [Vulcan 教學課程 NuGet 套件] 套件來源中的一個 Entity Framework Core 課程練習用的套件，這個套件提供了 Entity Framework Core 反向工程的模型與 Code First 代碼優先的模型，有了這些模型便可以快速、方便的進行 Entity Framework Core 課程中的各項練習。

• 滑鼠右擊該專案的 [相依性] 節點

• 點選 [管理 NuGet 套件] 選項

• 當 [NuGet: CustomNuGet] 視窗出現後

• 點選該視窗右上方的 [套件來源] 右邊下拉選單控制項

• 從下拉選單清單中，選擇 [Vulcan 教學課程 NuGet 套件] 這個項目

• 點選該視窗左上方的 [瀏覽] 標籤頁次

• 沒意外的話，將會看到下面截圖的內容，在這個 NuGet 套件來源中，存在著底下的項目

  

• 請選擇 [EFCore.Course] 這個套件，並且安裝起來

• 底下是安裝這個套件的相關輸出文字

正在還原 C:\Vulcan\Projects\CustomNuGet\CustomNuGet\CustomNuGet.csproj 的封裝...
  GET https://www.myget.org/F/course-lab/api/v3/flatcontainer/efcore.course/index.json
  GET https://api.nuget.org/v3-flatcontainer/efcore.course/index.json
  OK https://www.myget.org/F/course-lab/api/v3/flatcontainer/efcore.course/index.json 295 毫秒
  GET https://www.myget.org/F/course-lab/api/v3/flatcontainer/efcore.course/1.0.0/efcore.course.1.0.0.nupkg
  NotFound https://api.nuget.org/v3-flatcontainer/efcore.course/index.json 810 毫秒
  OK https://www.myget.org/F/course-lab/api/v3/flatcontainer/efcore.course/1.0.0/efcore.course.1.0.0.nupkg 1268 毫秒
已從具有內容雜湊 UYMB5nZ2H2vdU53P7L/orsrojzPkdK6oYTDZltk3g/MpCmLhZeRw1Y6MCU5t/djYixEs91HZTXkCsogdi3PN2w== 的 https://www.myget.org/F/course-lab/api/v3/index.json 安裝 EFCore.Course 1.0.0。
正在安裝 NuGet 套件 EFCore.Course 1.0.0。
正在產生 MSBuild 檔案 C:\Vulcan\Projects\CustomNuGet\CustomNuGet\obj\CustomNuGet.csproj.nuget.g.props。
正在將資產檔案寫入磁碟。路徑: C:\Vulcan\Projects\CustomNuGet\CustomNuGet\obj\project.assets.json
已成功將 'EFCore.Course 1.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.CSharp 4.5.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Data.SqlClient 2.1.4' 安裝到 CustomNuGet
已成功將 'Microsoft.Data.SqlClient.SNI.runtime 2.1.1' 安裝到 CustomNuGet
已成功將 'Microsoft.EntityFrameworkCore 6.0.6' 安裝到 CustomNuGet
已成功將 'Microsoft.EntityFrameworkCore.Abstractions 6.0.6' 安裝到 CustomNuGet
已成功將 'Microsoft.EntityFrameworkCore.Analyzers 6.0.6' 安裝到 CustomNuGet
已成功將 'Microsoft.EntityFrameworkCore.Relational 6.0.6' 安裝到 CustomNuGet
已成功將 'Microsoft.EntityFrameworkCore.SqlServer 6.0.6' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.Caching.Abstractions 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.Caching.Memory 6.0.1' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.Configuration.Abstractions 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.DependencyInjection 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.DependencyInjection.Abstractions 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.Logging 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.Logging.Abstractions 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.Options 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Extensions.Primitives 6.0.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Identity.Client 4.21.1' 安裝到 CustomNuGet
已成功將 'Microsoft.IdentityModel.JsonWebTokens 6.8.0' 安裝到 CustomNuGet
已成功將 'Microsoft.IdentityModel.Logging 6.8.0' 安裝到 CustomNuGet
已成功將 'Microsoft.IdentityModel.Protocols 6.8.0' 安裝到 CustomNuGet
已成功將 'Microsoft.IdentityModel.Protocols.OpenIdConnect 6.8.0' 安裝到 CustomNuGet
已成功將 'Microsoft.IdentityModel.Tokens 6.8.0' 安裝到 CustomNuGet
已成功將 'Microsoft.NETCore.Platforms 3.1.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Win32.Registry 4.7.0' 安裝到 CustomNuGet
已成功將 'Microsoft.Win32.SystemEvents 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Collections.Immutable 6.0.0' 安裝到 CustomNuGet
已成功將 'System.Configuration.ConfigurationManager 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Diagnostics.DiagnosticSource 6.0.0' 安裝到 CustomNuGet
已成功將 'System.Drawing.Common 4.7.0' 安裝到 CustomNuGet
已成功將 'System.IdentityModel.Tokens.Jwt 6.8.0' 安裝到 CustomNuGet
已成功將 'System.Runtime.Caching 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Runtime.CompilerServices.Unsafe 6.0.0' 安裝到 CustomNuGet
已成功將 'System.Security.AccessControl 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Security.Cryptography.Cng 4.5.0' 安裝到 CustomNuGet
已成功將 'System.Security.Cryptography.ProtectedData 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Security.Permissions 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Security.Principal.Windows 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Text.Encoding.CodePages 4.7.0' 安裝到 CustomNuGet
已成功將 'System.Windows.Extensions 4.7.0' 安裝到 CustomNuGet
執行 NuGet 動作花費了 196 毫秒
經過時間: 00:00:03.3675770
========== 已完成 ==========

經過時間: 00:00:00.0296857
========== 已完成 ==========

• 現在，這個主控台專案內，已經有可以存取後端資料庫的 Entity Framework Core Model 模型了

• 打開 [Program.cs] 檔案，修改成為如下程式碼

using DBReverse;
using Microsoft.EntityFrameworkCore;

namespace ConsoleApp4
{
    internal class Program
    {
        static async Task Main(string[] args)
        {
            SchoolContext context = new SchoolContext();
            var people = await context.People
                .OrderBy(x => x.LastName)
                .ThenBy(x => x.FirstName)
                .Where(x => x.LastName == "Li")
                .ToListAsync();

            var foo = context.People
                .OrderBy(x => x.LastName);
            foo = foo.ThenBy(z => z.FirstName);
            var bar = foo.Where(x => x.LastName == "Li");
            var bar1 = bar.ToList();
            foreach (var item in people)
            {
                Console.WriteLine($"人員:{item.LastName} {item.FirstName}");
            }
        }
    }
}

• 執行這個專案，並且查看結果是否為

人員:Li Yan 

Visual Studio 2022 安裝與設定 Xamarin.Forms 與 Prism 開發環境教學 (2022年5月)

安裝與設定 Xamarin.Forms 與 Prism 開發環境教學 (2022年5月)

這篇文章將會在 Windows 11 作業系統底下來進行操作，當然，也可以將 Visual Studio 2022 到 Windows 10 作業系統下。

這裡將會說明如何安裝 Visual Studio 2022 開發工具，並且可以進行 Xamarin.Forms 的專案開發與安裝 Prism Template Pack 這個擴充功能的作法。

安裝 Hyper-V 管理員

為了要能夠在本機電腦上跑 Android 模擬器，因此，建議需要安裝 Hyper-V 管理員工具，底下將會說明如何安裝這個工具。

在 Windows 11 工具列上，點選 [開始] 圖示

請在最上方的文字輸入盒內，輸入 [控制台]

點選 [控制台] 圖示，啟動這個應用程式

找到綠色文字的 [程式集] 並點選這個文字

看到 [程式集] 視窗內容後

找到並且點選 [開啟或關閉 Windows 功能] 文字

現在將會顯示出 [Windows 功能] 對話窗

在此對話窗內，找到 Hyper-V 節點

勾選該節點內的所有子節點

接著找到並且勾選這個 [Windows Hypervisor 平台] 節點

最後，點選右下方的 [確定] 按鈕，開始進行安裝這兩個功能

一旦安裝完成之後，請在 [Windows 功能] 對話窗的右下方

找到並且點選 [立即重新啟動] 這個按鈕

下載 Visual Studio 2022

更多關於 Visual Studio 2022 的資訊，可以參考 https://docs.microsoft.com/zh-tw/visualstudio/productinfo/vs-roadmap 這個連結內容。

當電腦重新啟動完成之後，就要開始安裝 Visual Studio 2022 了

首先，請使用瀏覽器打開這個網址 認識 Visual Studio 系列 ，找到如下圖的 [認識 Visual Studio 系列] 文字，在其文字下方的最左方將會看到 [Visual Studio] 工具圖示，請點選 [下載 Visual Studio] 這個按鈕，將會看到有三個選項，分別為 [Community 2022]、[Professional 2022]、[Enterprise 2022] 這三個選項。

對於這三種 Visual Studio 2022 開發工具，[Community 2022] 版本是免費使用的，而對於 [Professional 2022]、[Enterprise 2022] 這兩個版本，則是需要付費購買，才能夠使用的。對於要開發 Xamarin.Forms 專案，這三個類型的 Visual Studio 2022 都可以做到，因此，在這篇文章中，將會使用 Visual Studio 2022 Community 這個版本來做說明。

在點選 [下載 Visual Studio] 按鈕後所彈出的子視窗內，點選 [Community 2022] 這個選項。

稍待一段時間，當檔案 [VisualStudioSetup.exe] 下載完成之後，可以從瀏覽器上直接點選並且開啟這個檔案，底下螢幕截圖將會使用 Microsoft Edge 瀏覽器所出現的畫面內容。

開始進行安裝 Visual Studio 2022

首先，將會看到 [使用者帳戶控制] 對話窗出現在螢幕上，這裡需要授權且允許這個 Visual Studio Installer 程式可以執行，因此，請點選 [是] 按鈕。

接著，將會看到如下面螢幕截圖的畫面，請在此對話窗內點選 [繼續] 按鈕，以便同意繼續進行安裝 Visual Studio 2022

在此之前，將會從網路取得要安裝 Visual Studio 2022 的最新資訊，一旦 [Visual Studio Installer] 安裝程式準備就緒，就會出現 [正在安裝 Visual Studio Community 2022 - 17.2.0] 對話窗。

請勾選 [工作負載] > [傳統型與行動裝置] > [使用 .NET 進行行動開發] 這個工作負載選項

請勾選 [工作負載] > [傳統型與行動裝置] > [.NET 桌面開發] 這個工作負載選項

請點選 [個別元件] 標籤頁次，請勾選 [程式碼工具] > [Git for Windows] 這個選項

想要知道這次安裝過程會安裝那些工具到電腦上，可以查看該對話窗最右邊的 [安裝詳細資料] 區域，就會看到相關詳細資料。

最後，點選右下方 [安裝] 按鈕，開始進行 Visual Studio 2022 應用程式

接下來會看到下面截圖畫面，將會一邊下載安裝程式，一邊進行安裝

啟動 Visual Studio 2022

一旦安裝完成之後，將會看到如下圖的 [登入 Visual Studio] 視窗出現，在這裡建議使用任何 Microsoft 帳號來登入 Visual Studio，以便可以享受到更多好處。

不過，在這裡，將會先不使用 微軟 帳號登入到 Visual Studio 內，因此，點選最下方的 [不是現在，以後再說] 這個文字連結。

接下來要來設定 Visual Studio 的作業環境操作模式與主題布景

作者個人對於開發設定比較喜歡使用 [Visual C#] 操作模式，因此，請在 [開始設定] 這個文字右方的下拉選單，選擇 [Visual C#] 這個選項

另外對於主題布景部分，作者個人比較偏好 [淺色]，因此，在 [選擇您的色彩佈景主題] 下方，選擇了 [淺色] 這個主題佈景，當然，可以依照個人喜好，選擇自己喜歡的主題佈景，而且日後也可以在 Visual Studio 開發工具內進行切換變更。

現在，可以點選 [啟動 Visual Stuio] 按鈕，進行啟動作業

安裝 Prism Template Pack 擴充功能套件

透過 Prism Template Pack 擴充功能套件，可以快速建立與使用 Prism 這個 MVVM 設計模式類別庫，設計出跨平台的 Xamarin.Forms 專案

當 Visual Studio 2022 啟動之後，便會看到下面的對話窗畫面。

現在要來確認安裝好的 Visual Studio 2022 開發工具，是否可以順利開發 Xamarin.Forms 專案

點選右下方的 [不使用程式碼繼續] 文字連結

當 Visual Studio 2022 開發工具視窗顯示之後

點選功能表上的 [延伸模組] > [管理延伸模組] 選項

此時，[管理擴充功能] 的對話窗將會出現

確認最左方的標籤頁次選擇了 [線上] 這個頁次

在右上方的搜尋文字輸入盒內輸入 Prism Template Pack

現在可以在該對話窗的正中央清單中的第一個，看到 [Prism Template Pack] 這個項目

點選這個項目最右方的 [下載] 按鈕

當 [Prism Template Pack] 下載完成之後

從最下方的黃底黑色文字可以看到

您的變更將進行排程。修改作業將會在全部 Microsoft Visual Studio 個視窗都關閉後開始進行。

因此，依據指示，點選該對話窗右下方的 [關閉] 按鈕

緊接著關閉 Visual Studio 2022

稍微等候一下，將會看到 [VSIX Installer] 對話窗出現

請點選該對話窗右下方的 [Modify] 按鈕

等候 Prism Template Pack 擴充功能安裝完畢

當看到下面對話窗的截圖，點選右下方的 [Close] 按鈕

安裝開發 Xamarin.Forms 專案用到的加速開發程式碼片段

使用瀏覽器打開 https://github.com/vulcanlee/XamarinProductive GitHub Repository

在右方看到一個 [Code] 按鈕，點選下去

可以選擇 Clone 這個 Repository 到本機上，或者下載這個 Repository Zip 檔案，並且在本機電腦上解壓縮這個壓縮檔案

重新開啟 Visual Studio 2022 開發工具

當 Visual Studio 2022 啟動對話窗顯示時候

點選右下方的 [不使用程式碼繼續] 文字連結，直接開啟 Visual Studio 2022

當看到 Visual Studio 2022 開發工具視窗後

點選功能表 [工具] > [程式碼片段管理員]

現在將會看到 [程式碼片段管理員] 對話窗出現

在上方的 [語言] 文字下方的下拉選單 Combobox ，切換選擇 [CSharp] 這個項目

接著點選下方的 [加入] 按鈕

現在將會出現 [程式碼片段目錄] 對話窗

請切換到剛剛下載下來的 XamarinProductive Repository 目錄下，找到並且選擇 [CodeSnippetV2] 這個目錄

之後點選右下方的 [選擇資料夾] 按鈕

此時，將會回到 [程式碼片段管理員] 對話窗

在中間清單區域，將會看到 [CodeSnippetV2] 這些程式碼片段已經安裝完成了

請點選右下方的 [確定] 按鈕

完成後，請關閉 Visual Studio 2022 程式

建立一個 Xamarin.Forms 專案

啟動 Visual Studio 2022 ，便會看到下面的對話窗畫面。

現在要來確認安裝好的 Visual Studio 2022 開發工具，是否可以順利開發 Xamarin.Forms 專案

點選右下方的 [建立新的專案] 按鈕

現在將會看到 [建立新專案] 對話窗出現在螢幕上

在最右上方的 [所有專案類型] 下拉選單中，選擇 [行動裝置]

從中間的清單中，將會看到 [Prism Blank App (Xamarin.Forms)] 項目，請點選這個項目

接著，點選右下方的 [下一步] 按鈕

此時會看到 [設定新的專案] 對話窗出現在螢幕上

在這裡僅是要做測試之用，因此，點選右下方的 [建立] 按鈕

畫面上將會顯示 [PRISM PROJECT WIZARD] 這個對話窗

請勾選 [ANDROID] & [iOS] 這兩個選項

取消 [UWP] 這個選項

接著，在下方的 [Container] 下拉選單控制項內，選擇 [Unity] 這個項目

最後，點選右下方的 [CREATE PROJECT] 按鈕

第一次開啟 Xamarin.Forms Server 專案

一旦 Visual Studio 成功建立 Xamarin.Forms 專案，並且是第一次開始，則會出現底下的 [Windows 安全性警訊] 對話窗，請點選右下方的 [允許存取] 按鈕

此時，該專案已經打開了

在 [方案總管] 視窗中，找到 [BlankApp1.Android] 這個專案

使用滑鼠右集這個專案節點

選擇 [設定為起始專案] 選項

設定與更新 Android SDK

點選功能表 [工具] > [Android] > [Android SDK Manager]

允許開啟 Android SDK Manager

由於是第一次開啟，因此在 [Android SDK 及工具] 對話窗下

將會顯示另外一個 [SDK 需要修復] 對話窗

請點選右下方 [修復] 按鈕

因為要安裝 Android SDK 與模擬器用到的程式

將會看到 [接受授權] 對話窗出現

請點選右下方的 [接受] 按鈕

由於安裝會需要一些時間，因此，可以觀察 [Android SDK 及工具] 對話窗最下方的狀態進度列與文字，以便知道是否已經安裝完畢

安裝完成之後，便可以關掉 [Android SDK 及工具] 對話窗

建立與設定 Android 模擬器

點選功能表 [工具] > [Android] > [Android Device Manager]

允許開啟 Android Device Manager

當 [Android Device Manager] 對話窗出現之後

點選右上方的 [+ New] 按鈕

將會出現 [New Device] 對話窗

使用預設值來建立一個模擬器

請點選右下方的 [Create] 按鈕

現在出現 [接受授權] 對話窗

請點選右下方 [接受] 按鈕

現在將會正在下載該模擬器影像檔案到這台電腦上

一旦下載完成後

請點選 [Start] 按鈕，啟動該模擬器

底下是模擬器啟動後的畫面

在 Android 模擬器上執行 Xamarin.Forms 專案

現在要來啟動這個 Xamarin.Forms 專案，請在 Visual Studio 2022 最上方找到深綠色三角形，在該三角形右方將會顯示這個 Android App 將會在哪個 Android 實體裝置或者模擬器上執行，從下圖中可以看出，這個 App 將會於 API 30 (Android 11.0 - API 30) 這個裝置來執行。

點選這個按鈕，以便啟動這個 Xamarin.Forms 專案，並且進入除錯模式

Visual Studio 2022 將會開始編譯與建置這個 Android 專案

一旦沒有發現到任何錯誤

將會在模擬器上執行這個 App

底下是執行完成後的畫面