2019/04/11
2019/04/10
Visual Studio 2019 for Xamarin 之安裝與設定 Part3 - Visual Studio 2019 安裝與相關相關設定 2
Visual Studio 2019 for Xamarin 之安裝與設定 Part3 - Visual Studio 2019 安裝與相關相關設定 2
Visual Studio 2019 for Xamarin 之安裝與設定 Part3 - Visual Studio 2019 安裝與相關相關設定 2
了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式
接續前一篇文章,現在繼續來進行其他的安裝與設定工作
Mac 作業系統電腦開發工具之安裝與設定
現在,要來開始進行安裝 Xamarin.iOS 需要用到的開發工具,在這裡所有的操作過程,將會採用一台全新新安裝的 macOS 系統,來進行執行過程步驟的解說說明。
在這裡的 macOS 將會是 Mojave 10.14.3 版本,想要知道這台 Mac 電腦的作業系統版本,可以從位於畫面左上角落的「蘋果」選單中,選擇「關於這台 Mac」,就可以查看的到。
安裝 Xcode 開發人員工具
Xcode 提供建置 iOS 應用程式所需要用到的 SDK & IDE,因此,要在 Mac 電腦上能夠開發出 iOS 應用程式,就一定需要安裝這套開發工具。
- 打開 App Store 圖示
- 在左上方搜尋文字輸入盒,輸入 Xcode
- 當按下 Enter 按鍵之後,就會在第一個項目看到了 Xcode 這個 iOS 開發工具必備的軟體
- 點選 Xcode 這個項目,此時將會顯示 Xcode 這個開發人員工具的介紹內容,請點選該頁面右上方的下載圖示,以便進行下載與安裝這個軟體。
- 現在,為了要能夠從 App Store 下載這個 Xcode 軟體,此時,請在螢幕最上方的對話窗內,輸入您的 Apple ID 與 密碼,完成後,請點選 [好] 按鈕。此時,剛剛點選的下載圖示將會變成底下截圖,顯示出現在正在下載的進度,因此,在此需要等候 Xcode 這個開發人員工具下載完成,畢竟,這的軟體檔案大小也是很大的,需要花些時間來下載。
- 當下載完成之後,在該視窗的右上方將會看到 [打開] 按鈕,請點選這個 [打開] 按鈕。
- 現在,將會看到 Xcode 已經啟動了,並且顯示一個 [Xcode and iOS SDK License Aggreement] 對話窗,這裡需要您同意接受 Xcode 的使用授權,因此,請點選該對話窗右下方的 [Agree] 按鈕
- 此時,需要輸入這台系統的管理這帳號與密碼,以便進行 Xcode 需要處理的工作,因此,當輸入完成使用者名稱與密碼之後,請點選該對話窗右下方的 [好] 按鈕。
- 現在,等候 Xcode 安裝相關元件到系統上
- 當看到底下的畫面出現之後,那就表示在這台 Mac 電腦上的 Xcode 開發人員工具已經安裝好了。
安裝 Visual Studio for Mac
Visual Studio for Mac 可以讓開發人員在這個 Mac 電腦上直接開發 Xamarin & ASP.NET Core 類型的專案,另外一個重要的功能那就是提供與 Windows 作業系統上的 Visual Studio 2019 相關建置 iOS 專案的能力。
- 現在,請打開 Safai 應用程式,搜尋 Visual Studio for Mac,將會看到第一個搜尋結果 [Visual Studio for Mac | Visual Studio],請打開這個頁面
- 在這裡,請點選左上方的 [下載 Visual Studio for Mac] 下載按鈕,開始下載這個安裝工具。
- 當安裝軟體下載完成之後,請在 [下載完成] 找到這個項目,並且打開這個檔案。
- 當這個檔案載入並且執行完成之後,將會出現如同底下畫面,請點選下載按鈕圖示,開始安裝 Viusl Studio for Mac
- 現在出現一個對話窗,顯示 [「Install Visual Studio for Mac」是一個從 Internet 下載的 App,確定要打開嗎?],請點選該對話窗右下方的 [打開] 按鈕
- 此時,Visual Studio for Mac 的安裝程式啟動起來了,並且顯一個對話窗,請點選該對話窗右下方的 [繼續] 按鈕
- 當出現如下圖,詢問希望安裝那些內容的時候,使用預設安裝選項即可,而最後一個選項 [Xamarin Workbooks] ,原則上大部分的人都不會使用到這個工具。因此,請點選該對話窗右下方的 [安裝] 按鈕。
- 現在,您將會看到安裝程式正在進行下載檔案,不過,此時,將會出現一個對話窗,要求您輸入這台系統的管理者帳號與密碼,以便安裝 Visual Studio for Mac 這個軟體,所以,請輸入 使用者名稱 與 密碼之後,點選該對話窗右下方的 [好] 按鈕。從這個對話窗的右下方將會看到 [macOS可能會多次需要系統密碼] 這樣的文字,而在此次安裝過程中,這個對話窗將會出現 2 次。
- 當整個安裝過程完成之後, 會出現底下視窗,請點選右下角的 略過 按鈕。
- 現在 Visual Studio for Mac 程式將會啟動起來,並且顯示在螢幕上。
在 Mac 上啟用遠端登入
若想要在 Visual Studio 2019 for Windows 環境中,建立 Xamarin.iOS 的專案與進行除錯,就需要先在 Mac 電腦上啟用遠端登入,請在 Mac 開啟 [系統偏好設定]
接著點選 [共享] 圖示,開啟 [共享] 視窗
在 [共享] 視窗內,最左邊的 [服務] 清單中找到的 [遠端登入] 項目,請勾選這個項目,另外,也需要確認右下方的
允許下列使用者存取
中,要存取這台 Mac 電腦的帳號是否有被選取。安裝 Prism Template Pack
- 請回到 Visual Studio 2019 程式中,點選功能表延伸模組 > 管理延伸模組
- 當 管理擴充功能 視窗出現之後,請先在左方點選 線上 選項接著在右上方搜尋文字輸入盒,輸入 prism 關鍵字此時,您將會看到 Prism Template Pack 項目出現在清單內,請點選該項目的 下載 按鈕,安裝這個擴充功能
- 若從該視窗的左邊之 更新 項目中,看到有尚未更新的選項,請點選 更新 項目從環境中看到 GitHub Extension for Visual Studio 需要進行更新,因此,請點選該項目中的 更新 按鈕
- 完成之後,請關閉 擴充功能和更新 視窗與關閉 Visual Studio,以便進行更新這些擴充功能,完成後,請再度開啟 Visual Studio 2019
下載與安裝 Xamarin.Forms 專用的程式碼片段
- 請先建立一個 Xamarin 資料夾(任何名稱皆可),在這裡,建立 C:\Xamarin
- 請在右方方案總管視窗下方,點選 Team Explorer 標籤頁次請在下方的 本機 Git 存放庫 的下方,點選 複製 選項請在第一個文字輸入盒中輸入這個 URL : https://github.com/vulcanlee/XamarinProductive.git請在第二個文字輸入盒中,輸入 C:\Xamarin\XamarinProductiveC:\Xamarin 目錄,是剛剛建立的目錄,您可以指定任何您電腦中的一個目錄最後,請點選 複製 按鈕
- 從 Visual Studio 2019 功能表中,點選工具 > 程式碼片段管理員
- 在 程式碼片段管理員 視窗中,切換 語言 項目為 CSharp這裡很重要,若沒有切換,您的程式碼片段設定將會失敗
- 接著,在這個 程式碼片段管理員 視窗下方,點選 加入 按鈕請不要點選 匯入 按鈕
- 請在剛剛出現的 程式碼片段目錄 對話窗中,切換到剛剛建立的 C:\Xamarin 目錄接著點選切換到 XamarinProductive 目錄下最後,只需要使用滑鼠點擊一下 CodeSnippetV2 這個目錄不需要使用滑鼠雙擊切換到這個目錄內現在,請點選 選擇資料夾 按鈕
- 此時將會回到 程式碼片段管理員 視窗內,您應該可以看到 CodeSnippetV2 出現在這個對話窗中。現在已經完成了程式碼片段的安裝
- 在 程式碼片段管理員 視窗中,切換 語言 項目為 XAML這裡很重要,若沒有切換,您的程式碼片段設定將會失敗
- 接著,在這個 程式碼片段管理員 視窗下方,點選 加入 按鈕請不要點選 匯入 按鈕
- 請在剛剛出現的 程式碼片段目錄 對話窗中,切換到剛剛建立的 C:\Xamarin 目錄接著點選切換到 XamarinProductive 目錄下最後,只需要使用滑鼠點擊一下 CodeSnippetXAMLV2 這個目錄不需要使用滑鼠雙擊切換到這個目錄內現在,請點選 選擇資料夾 按鈕
- 此時將會回到 程式碼片段管理員 視窗內,您應該可以看到 CodeSnippetXAMLV2 出現在這個對話窗中。現在已經完成了程式碼片段的安裝,您可以關閉這個視窗
了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [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
Visual Studio 2019 for Xamarin 之安裝與設定 Part2 - Visual Studio 2019 安裝與相關相關設定 1
Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論
對於已經具備擁有 .NET / C# 開發技能的開發者,可以使用 Xamarin.Forms Toolkit 開發工具,便可以立即開發出可以在 Android / iOS 平台上執行的 App;對於要學習如何使用 Xamarin.Forms & XAML 技能,現在已經推出兩本電子書來幫助大家學這這個開發技術。
這兩本電子書內包含了豐富的逐步開發教學內容與相關觀念、各種練習範例,歡迎各位購買。
想要購買
Xamarin.Forms 快速上手
電子書,請點選 這裡
想要購買
XAML in Xamarin.Forms 基礎篇
電子書,請點選 這裡
了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式
現在,需要在 Windows 主機與 Mac 主機上來進行開發工具的安裝與設定。
這裡需要的工作有
- 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 社群版的安裝(如同下面節圖所示)。
- 此時,螢幕會出現 使用者帳戶控制 對話窗,此對話窗詢問:您是否要允許此 App 變更您的裝置?這個時候,請點選 是 按鈕。
- 現在,看到的對話窗是 Visual Studio Installer,請在該對話窗右下方,點擊 繼續 按鈕。如此,Visual Studio Install 安裝程式,便會開始下載最新的安裝程式檔案到您的電腦。
- 將會看到 Visual Studio Community 2019 - 16.0.0 安裝程式啟動了。16.0.0 是作者寫這篇文章的時候,最新 Visual Studio Community 的版本編號,原則上,您每次進行 Visual Studio 2019 安裝作業的時候,您將會使用最新的 Visual Studio 2019 Installer 來安裝到最新的版本,因此,您將需要比 16.0.0 更新的版本編號出現在您的電腦畫面中。
- 請在 工作負載 標籤頁次中,至少需要勾選底下項目,才能夠完成 Xamarin開發工具的安裝
- 通用 Windows 開發平台
- 使用 .NET 進行行動開發
當您勾選這兩個 工作負載 項目之後,在 Visual Studio Community 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 資料類型
- .NET
- 為了要讓 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 資料類型
- .NET
- 若確認無誤,請點選 Visual Studio Community 2019 Installer 程式畫面右下角的 安裝 按鈕,開始進行 Visual Studio Community 2019 的程式安裝。根據 Visual Studio Installer 的預估,這樣的安裝過程,大約需要用到 34.68 GB 的磁碟空間。
- 當安裝作業完成之後,將會看到如下圖的畫面,您可以選擇登入功能,或者點選 不是現在,以後再說,在這裡點選後者,也就是點選 不是現在,以後再說。
- 現在需要設定開發設定條件,請在 開發設定 下拉選單中,選擇 Visual C#,完成後,點選 啟動 Visual Studio 按鈕。
- 底下螢幕截圖是 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 及工具視窗出現之後,請先點選 工具 標籤頁次,此時,您會發現到 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 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 及工具 視窗關閉
了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android:快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式
訂閱:
文章 (Atom)
Visual Studio 2019 for Xamarin 之安裝與設定 Part2 - Visual Studio 2019 安裝與相關相關設定 1
Visual Studio 2019 for Xamarin 之安裝與設定 Part3 - Visual Studio 2019 安裝與相關相關設定 2
Visual Studio 2019 for Xamarin 之安裝與設定 Part4 - 安裝 Android 使用的模擬器
Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論
在 Xamarin 開發工具下,可以選擇使用 Visual Studio 內建的 Visual Studio for Android Emulator 模擬器 與 Google Android 原生模擬器 這兩個模擬器的其中一個,當然,也可以選擇其他類型的 Android 模擬器,不過,對於無法在電腦上執行模擬器的情境下,是可以選擇使用實體裝置來進行開發和測試;不過,前面提到的兩者差異在於前者比較不耗用 CPU 資源,但是,卻沒有預設安裝 Google Play Server,這對於有些開發應用上會比較麻煩,因為這些應用程式需要裝置上有運行 Google Play Server。
安裝與啟動 Google Android 原生模擬器