XAML in Xamarin.Forms 基礎篇 電子書

特別說明

2019/04/09

Visual Studio 2019 for Xamarin 之安裝與設定 Part2 - Visual Studio 2019 安裝與相關相關設定 1

Visual Studio 2019 for Xamarin 之安裝與設定 Part2 - Visual Studio 2019 安裝與相關相關設定 1

這裡需要的工作有
  • Windows 作業系統電腦上安裝 Visual Studio 2019
  • Visual Studio 2019 安裝後的相關設定
  • Mac 作業系統電腦開發工具之安裝與設定
  • 安裝 Prism Template Pack
  • 下載與安裝 Xamarin.Forms 專用的程式碼片段

在 Windows 作業系統電腦上安裝 Visual Studio 2019

若您已經完成 Visual Studio 2019 安裝前的準備工作,現在需要開始進行 Visual Studio 2019 的安裝作業。
在這裡將會使用 Visual Studio 2019 Community 版本作為安裝說明,不過,任何一種 Visual Studio 2019 的版本,皆可以進行 Xamarin Cross-Platform 跨平台專案的開發,關於 Visual Studio 2019 的不同版本的比較,可以參考 比較 Visual Studio 2019 IDE
更多關於 Visual Studio 2019 的安裝,可以參考 安裝 Visual Studio 2019
  • Visual Studio 2019 安裝下載網頁
  • 找到 Visual Studio 2019 下方的 社群 項目,點選其下方的 免費下載 按鈕,點選這個按鈕連結,當安裝檔案下載完成後,請點選執行按鈕,開始進行 Visual Studio 2019 社群版本的安裝;當安裝程式下載完成之後,請點選螢幕下方的 執行 按鈕,開始進行 Visual Studo 2019 社群版的安裝(如同下面節圖所示)。
    Visual Studio 2019 安裝程式下載完成
  • 此時,螢幕會出現 使用者帳戶控制 對話窗,此對話窗詢問:您是否要允許此 App 變更您的裝置?這個時候,請點選 是 按鈕。
    使用者帳戶控制對話窗
  • 現在,看到的對話窗是 Visual Studio Installer,請在該對話窗右下方,點擊 繼續 按鈕。如此,Visual Studio Install 安裝程式,便會開始下載最新的安裝程式檔案到您的電腦。
    Visual Studio Installer 開始安裝前的確認對話窗
  • 將會看到 Visual Studio Community 2019 - 16.0.0 安裝程式啟動了。
    16.0.0 是作者寫這篇文章的時候,最新 Visual Studio Community 的版本編號,原則上,您每次進行 Visual Studio 2019 安裝作業的時候,您將會使用最新的 Visual Studio 2019 Installer 來安裝到最新的版本,因此,您將需要比 16.0.0 更新的版本編號出現在您的電腦畫面中。
    正在安裝 Visual Studio Community 2019 - 16.0.0 視窗
  • 請在 工作負載 標籤頁次中,至少需要勾選底下項目,才能夠完成 Xamarin開發工具的安裝
    • 通用 Windows 開發平台
    • 使用 .NET 進行行動開發
    當您勾選這兩個 工作負載 項目之後,在 Visual Studio Community 2019 Installer 視窗的最右方,將會出現準備要安裝的相關元件清單說明
    勾選要安裝 通用 Windows 開發平台 工作負載
    勾選要安裝 使用 .NET 進行行動開發 工作負載
  • 請點選 個別元件 標籤頁次,您將會看到底下的個別元件已經被勾選了
    Visual Studio 2019 Installer 個別元件
    安裝不同的 Visual Studio 2019 版本,可能會看到不通的套件選項項目內容
    • .NET
      • .NET Framework 4.5 目標套件
      • .NET Framework 4.6.1 目標套件
      • .NET Framework 4.6.1 SDK
      • .NET Framework 4.7.2 SDK
      • .NET Framework 4.7.2 目標套件
      • .NET Native
      • .NET 可攜式程式庫目標套件
    • Code 工具
      • (無)
    • SDK、程式庫和架構
      • Android SDK 安裝程式 (API 層級 27)
      • OpenJDK (Microsoft 散發)
      • TypeScript 3.3 SDK
      • Windows 10 SDK (10.0.17763.0)
    • 偵錯和測試
      • .NET 分析工具
      • JavaScript 診斷
    • 模擬器
      • (無)
    • 程式碼工具
      • Developer Analytics Tools
      • NuGet 套件管理員
    • 編譯器、建置工具與執行階段
      • (無)
    • 編譯器、建置工具和執行階段
      • C# 與 Visual Basic Roslyn 編譯程式
      • MSBuild
    • 遊戲開發套件
      • 影像與 3D 模型編輯器
    • 開發活動
      • C# 與 Visual Basic
      • F# 語言支援
      • JavaScript 與 TypeScript 語言支援
      • Xamarin
      • Xamarin Remoted Simulator
    • 雲端、資料庫和伺服器
      • SQL Server 的 CLR 資料類型
  • 為了要讓 Xamarin 開發環境可以正常運作與符合日常開發需求,所以,請依照底下清單,比對您電腦上的 個別元件 勾選項目,確認底下的項目都已經有勾選到 (額外需要安裝的項目將會以粗體文字標示)。
    • .NET
      • .NET Framework 4.5 目標套件
      • .NET Framework 4.6.1 目標套件
      • .NET Framework 4.6.1 SDK
      • .NET Framework 4.7.2 SDK
      • .NET Framework 4.7.2 目標套件
      • .NET Native
      • .NET 可攜式程式庫目標套件
    • Code 工具
      • Visual Studio 的 GitHub 擴充功能
    • SDK、程式庫和架構
      • Android SDK 安裝程式 (API 層級 25)(可用於以 C++ 進行行動裝置開發的本機安裝)
      • Android SDK 安裝程式 (API 層級 27)
      • OpenJDK (Microsoft 散發)
      • TypeScript 3.3 SDK
      • USB 裝置連線
      • Windows 10 SDK (10.0.17763.0)
    • 偵錯和測試
      • .NET 分析工具
      • JavaScript 診斷
    • 模擬器
      • Google Android Emulator (API 層級 25) (本機安裝)
      • Intel Hardware Accelerated Execute Manager (HAXM) (本機安裝)
    • 程式碼工具
      • Developer Analytics Tools
      • Git for Windows
      • NuGet 套件管理員
      • PreEmptive Protection - DotFuscator
    • 編譯器、建置工具與執行階段
      • (無)
    • 編譯器、建置工具和執行階段
      • C# 與 Visual Basic Roslyn 編譯程式
      • MSBuild
    • 遊戲開發套件
      • 影像與 3D 模型編輯器
    • 開發活動
      • C# 與 Visual Basic
      • F# 語言支援
      • JavaScript 與 TypeScript 語言支援
      • Xamarin
      • Xamarin Remoted Simulator
    • 雲端、資料庫和伺服器
      • SQL Server 的 CLR 資料類型
    Visual Studio 2019 Installer 安裝詳細資料
  • 若確認無誤,請點選 Visual Studio Community 2019 Installer 程式畫面右下角的 安裝 按鈕,開始進行 Visual Studio Community 2019 的程式安裝。
    根據 Visual Studio Installer 的預估,這樣的安裝過程,大約需要用到 34.68 GB 的磁碟空間。
    Visual Studio 2019 Installer
  • 當安裝作業完成之後,將會看到如下圖的畫面,您可以選擇登入功能,或者點選 不是現在,以後再說,在這裡點選後者,也就是點選 不是現在,以後再說
    Visual Studio 2019 登入畫面
  • 現在需要設定開發設定條件,請在 開發設定 下拉選單中,選擇 Visual C#,完成後,點選 啟動 Visual Studio 按鈕。
    Visual Studio 2019 開發設定與主題佈景
  • 底下螢幕截圖是 Visual Studio 2019 啟動後的畫面
    Visual Studio 2019 第一次啟動畫面

Visual Studio 2019 安裝後的相關設定

當啟動完成 Visual Studio 2019 之後,需要開始進行 Android SDK 的設定與更新作業,確認相關機碼是否有正確產生出來。
在這個階段將會進行底下的相關設定
  • 更新 Android SDK
  • 安裝 Visual Studio 的 Android 模擬器
  • 檢查 Android SDK 機碼是否存在

更新 Android SDK

養成時常確保您的 Android SDK 有更新到最新版本的好習慣,需要進行 Android SDK 的設定與更新,確保 Xamarin.Android 專案可以正常順利的建置與執行 Android App。更多關於 Android SDK 的說明,可以參考 設定 Xamarin.Android 的 Android SDK
  • 開啟 Visual Studio 2019 程式
  • 點選啟動後的視窗右下方的 不使用程式碼繼續 連結
  • 請在 Visual Studio 程式中,點選功能表 工具 > Android > Android SDK 管理員
    啟動 Android SDK 管理員
  • 若有出現下方的 使用者帳戶控制 對話窗,請點選 是 按鈕
    Visual Studio Emulator for Android
  • 當 Android SDK 及工具視窗出現之後,請先點選 工具 標籤頁次,此時,您會發現到 Android SDK Platform-Tools 的版本是 25.0.5,並且在該項目的狀態欄位,該視窗的左下方,顯示的是 有更新可用。
  • 先點選左下角的 2 項可用的更新按鈕,當出現了 檢閱更新 對話窗的時候,只要選取 Android SDK Platform-Tools 這個項目 要進行更新,接著,點選 安裝更新 按鈕。
    檢閱更新對話窗
  • 若成功安裝完成後,現在,只剩下 1 個可用更新了,接著點選左下角的 1 項可用的更新按鈕,當出現了 檢閱更新 對話窗的時候,選取 Android SDK Platform 27 這個項目 要進行更新,接著,點選 安裝更新 按鈕。
    檢閱更新對話窗
  • 接下來,還是在 工具 標籤頁次,展開 Android SDK Build Tools 節點,取消勾選 Android SDK Build-Tools 25.0.3,並且勾選 Android SDK Build-Tools 27.0.3
    展開 額外 節點,勾選 Android Support Repository 與 Google USB Driver 兩個選項, 最後,點選右下方 套用變更 按鈕
    勾選 Android SDK Build-Tools 27.0.3
    勾選 Android Support Repository
    • 出現 接受授權對話窗後,直接點選 接受 按鈕
      接受授權 對話窗
      Android SDK 及工具
  • 現在要來設定 平台 標籤頁次,請點選標籤頁次
    在 平台 標籤頁次中,會有每個 Android SDK API 的版本項目,請依序展開您有興趣的 Android SDK API 版本,只需要勾選這個項目內的 Android SDK Platform X ( X 為該 SDK API 版本編號),其他的項目可以不用安裝。
    在這個安裝過程中,將只會選擇 Android SDK Platform 28 (9.0) / 8.1 / 7.1 / 6.0 裡面的 Android SDK Platform X 項目。
    設定完成後,請點選右下角的 套用變更 按鈕
    Android SDK 及工具 的 平台
  • 當 接受授權 對話窗出現之後,請點選右下角的 接受 按鈕
    接受授權 對話窗
  • 安裝完成之後,就可以把 Android SDK 及工具 視窗關閉





沒有留言:

張貼留言