FlutterでWindowsデスクトップアプリケーションを作ろうとしたらFlutter DoctorがVisual Studioを認識してくれない

備忘録ヘッダ画像 プログラミング備忘録

久しぶりにWindowsデスクトップアプリケーションを作る機会があったので、せっかくならFlutterで開発しようと思い、つまづいたのでメモ。

開発前にFlutter Doctorで環境をチェックしたところ、

>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.5.2, on Microsoft Windows [Version 10.0.19043.2130], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[√] Chrome - develop for the web
[√] Android Studio (version 2021.1)
[√] VS Code (version 1.72.1)
[√] Connected device (2 available)

↑に[√] Visual Studio的なのが出てくれると思っていたのですが、いない。。。エラーすら出してくれないのはなぜなのか。
Windowsデスクトップアプリケーションの開発を有効にしていないだけでした。下のコマンドで解決。

>flutter config --enable-windows-desktop

ちゃんと有効になるとflutter devicesコマンドで下のようにWindows (desktop)を認識してくれるようになります。

>flutter devices
3 connected devices:

Windows (desktop) • windows • windows-x64    • Microsoft Windows [Version 10.0.19043.2130]
Chrome (web)      • chrome  • web-javascript • Google Chrome 105.0.5195.127
Edge (web)        • edge    • web-javascript • Microsoft Edge 106.0.1370.42
Visual Studio 2019 or later is required

ちなみに私が愛用していたのがVisual Studio 2017だったのですが、このバージョンだとFlutter使ってWindwosデスクトップアプリは開発できないようです。下のように怒られます。

>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.5.2, on Microsoft Windows [Version 10.0.19043.2130], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[√] Chrome - develop for the web
[!] Visual Studio - develop for Windows (Visual Studio Community 2017 15.9.49)
    X Visual Studio 2019 or later is required.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2021.1)
[√] VS Code (version 1.72.1)
[√] Connected device (3 available)

Visual Studio is missing necessary components

Visual Studio 2019以上ならOKですが、C++によるデスクトップ開発のワークロードが無い場合もmissing necessary componentsと怒られます。Visual Studio Installerからワークロードを追加しましょう。

[!] Visual Studio - develop for Windows (Visual Studio Community 2022 17.3.6)
    X Visual Studio is missing necessary components. Please re-run the Visual Studio installer for the "Desktop development with C++" workload, and include these components:
        MSVC v142 - VS 2019 C++ x64/x86 build tools
         - If there are multiple build tool versions available, install the latest
        C++ CMake tools for Windows
        Windows 10 SDK

ワークロードも追加して無事flutter doctorに怒られなくなりました。

>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.5.2, on Microsoft Windows [Version 10.0.19043.2130], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[√] Chrome - develop for the web
[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.3.6)
[√] Android Studio (version 2021.1)
[√] VS Code (version 1.72.1)
[√] Connected device (3 available)
タイトルとURLをコピーしました