Visual Studio 2022 Preview 2.1 で .NET MAUI 環境を構築する

スポンサーリンク

今回 Visual Studio Professional 2022 で .NET MAUI 開発環境を構築してみたので、そのレポートです。

※本記事を参考にインストールする場合は、ご自身の責任の下で行ってください。

Visual Studio 2022  Preview 2 のインストール

Visual Studio 2022 は7/31 時点では Preview 版となっています。

ダウンロードは Visual Studio 2022 プレビュー (microsoft.com)より行ってください。
本記事では Professional 版をダウンロードしました。

インストーラー起動時に必要なオプションは以下の通りです。

  • ASP.NET と Web 開発
  • .NET デスクトップ開発
  • C++ によるデスクトップ開発
  • ユニバーサル Windows プラットフォーム開発
  • .NET によるモバイル開発
Visual Studio のインストール

Visual Studio のインストール

.NET MAUI Project and Item Templates のインストール

続いて、.NET MAUI Project and Item Templates をインストールします。

インストーラーは より.NET MAUI Project and Item Templates – Visual Studio Marketplace ダウンロードしてください。

ダウンロードができたら、ダブルクリックして実行します。

.NET MAUI Project and Item Templates のインストール

.NET MAUI Project and Item Templates のインストール

Single-project MSIX Packaging Tools for VS 2022 のインストール

次に Single-project MSIX Packaging Tools for VS 2022 をインストールします。

インストーラーは Single-project MSIX Packaging Tools for VS 2022 – Visual Studio Marketplace からダウンロードしてください。

ダウンロードができたら、ダブルクリックして実行します。

Single-project MSIX Packaging Tools for VS 2022 のインストール

Single-project MSIX Packaging Tools for VS 2022 のインストール

dotnet workload install maui の実行

続いて管理者権限でコマンドプロンプトを起動して、以下のコマンドを実行します。

dotnet workload install maui
dotnet workload install maui の実行

dotnet workload install maui の実行

MAUI Check のインストール

MAUI Check のインストールについては、過去記事「.NET MAUI をインストールする」を参照ください。

.NET MAUI プロジェクトの作成

インストールが完了したら、.NET MAUI プロジェクトが作成できるかを確認します。

VS 2022 を起動して、新規プロジェクトの作成で「.NET MAUI」を検索すると、以下のようにテンプレートが表示されることを確認できます。

プロジェクトの作成

プロジェクトの作成

プロジェクトの作成

プロジェクトの作成

プロジェクト作成時のエラーについて

Andoroid Sdk のインストール

.NET MAUI はマルチデバイスをターゲットにしていますので、Android Sdkが入っていない場合は、ビルド時にエラーが発生する場合があります。

エラーのスクショを取り忘れましたが、エラー発生時は「エラー一覧」の該当するエラーをダブルクリックすると、下図のように Android Sdk のインストーラが起動しますので [同意]ボタンをクリックしてインストールします。インストールはバックグラウンドで行われます。インストール画面が表示されなくても問題ありません。

Android Sdk のインストール

Android Sdk のインストール

配置エラー

デバッグ実行時に下図のように「The project needs to be deployed before we can debug. Please enable Deploy in the Configuration Manager.」エラーが発生する場合があります。

デバッグ実行時のエラー

デバッグ実行時のエラー

Configuration Manager は構成マネージャーのことで、デバッグを開始する前に、構成マネージャーを起動して「配置」できるようにしてね ということを言っています。

はじめに構成マネージャを起動します。

構成マネージャ

構成マネージャ

次に「配置」にチェックをつけて[閉じる]ボタンをクリックします。

「配置」にチェック

「配置」にチェック

ビルドが成功すると、下図のように .NET MAUI アプリが起動することを確認できます。

.NET MAUI アプリの実行

.NET MAUI アプリの実行

 

Please follow and like us:

コメント

タイトルとURLをコピーしました