lisz-works

プログラミングと興味を貴方に

Flutterのインストールとセットアップ

【スポンサーリンク】

Flutter

こんにちは、lisです!

最近ひょんなことからFlutterをいじくることに。

ということでセットアップしたときのメモを。

Android Studioのインストール

インストール済みなので割愛。

ぼくはChocolateryでインストールしました。

> choco install androidstudio

community.chocolatey.org

Flutterのインストール

Chocolatery GUIから、「Install Advanced」で「Version: Latest version」をインストール。

community.chocolatey.org

> choco install flutter

「C:\tools\flutter\bin」にインストールされていました。

PATHは勝手に設定してくれていたので通っていました。

C:\>flutter --version
Flutter 2.10.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 097d3313d8 (4 weeks ago) • 2022-02-18 19:33:08 -0600
Engine • revision a83ed0e5e3
Tools • Dart 2.16.1 • DevTools 2.9.2

flutter doctor

開発環境の状況チェックを行います。

C:\>flutter doctor
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Warning
──────────────────────────────────────────────────────────────────────────────
Your Flutter application is created using an older version of the Android
embedding. It is being deprecated in favor of Android embedding v2. Follow the
steps at

[https://flutter.dev/go/android-project-migration:embed:cite]

to migrate your project. You may also pass the --ignore-deprecation flag to
ignore this check and continue with the deprecated v1 embedding. However,
the v1 Android embedding will be removed in future versions of Flutter.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
The detected reason was:

  No `C:\android\AndroidManifest.xml` file
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.10.2, on Microsoft Windows [Version 10.0.19044.1586], locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    X cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    X Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.
[√] Chrome - develop for the web
[!] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2)
    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
[√] Android Studio (version 2021.1)
[√] VS Code, 64-bit edition (version 1.65.2)
[√] Connected device (3 available)
[√] HTTP Host Availability

! Doctor found issues in 2 categories.

「[!]」がNG箇所ですが、2つ出ています。

「Android toolchainは大事そうだからこれだけやればOKかな!」

と思ったのですが、VSCodeで開発するうえで「[!] Visual Studio」の方も解決する必要があったので、両方解決していきます。

Android toolchainを解決する

まずはAndroid Studioで必要なものをインストールします。

  • Android Studioの設定を開く
  • Appearance & Behavior > System Settings > Android SDK
  • SDK Toolsタブ
  • 「☑Android SDK Command-line Tools (latest)」にチェックしてOK→インストール

インストール後、flutter doctor --android-licensesを実行。

全て「y」でAcceptしていきます。

C:\>flutter doctor --android-licenses
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Warning
──────────────────────────────────────────────────────────────────────────────
Your Flutter application is created using an older version of the Android
embedding. It is being deprecated in favor of Android embedding v2. Follow the
steps at

[https://flutter.dev/go/android-project-migration:embed:cite]

to migrate your project. You may also pass the --ignore-deprecation flag to
ignore this check and continue with the deprecated v1 embedding. However,
the v1 Android embedding will be removed in future versions of Flutter.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
The detected reason was:

  No `C:\android\AndroidManifest.xml` file
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

5 of 7 SDK package licenses not accepted. 100% Computing updates...
Review licenses that have not been accepted (y/N)? y

1/5: License android-googletv-license:
---------------------------------------
...

改めてflutter doctor実行。

C:\>flutter doctor
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Warning
──────────────────────────────────────────────────────────────────────────────
Your Flutter application is created using an older version of the Android
embedding. It is being deprecated in favor of Android embedding v2. Follow the
steps at

[https://flutter.dev/go/android-project-migration:embed:cite]

to migrate your project. You may also pass the --ignore-deprecation flag to
ignore this check and continue with the deprecated v1 embedding. However,
the v1 Android embedding will be removed in future versions of Flutter.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
The detected reason was:

  No `C:\android\AndroidManifest.xml` file
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.10.2, on Microsoft Windows [Version 10.0.19044.1586], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[√] Chrome - develop for the web
[!] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2)
    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
[√] Android Studio (version 2021.1)
[√] VS Code, 64-bit edition (version 1.65.2)
[√] Connected device (3 available)
[√] HTTP Host Availability

! Doctor found issues in 1 category.

「Android toolchain」がOK出ました!

Visual Studioの解決する

VSCodeで実行するうえで、Visual Studioの項目も解決していきます。

Visual Studioを未インストールの場合は、ここからCommunityをダウンロードしてインストール。

https://visualstudio.microsoft.com/ja/downloads/

Visual Studio 2019はインストール済だったので、ぼくはこれを使っていきます。

Visual Studioインストーラーを実行して、インストール済みだったVisual Studio 2019の「変更ボタン」からこれらを追加していきます。

flutter doctorでは

[!] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2)
    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

と出ていたので、言及されている

  • MSVC v142 - VS 2019 C++ x64/x86 build tools
  • C++ CMake tools for Windows
  • Windows 10 SDK

の3つをインストールする。

個別コンポーネントから下記をチェックしてインストールしてきます。

ちなみに検索窓からキーワード言われると楽ちん。

  • MSVC v142 - VS 2019 C++ x64/x86 ビルドツール (最新)
  • Windows 用 C++ CMake ツール
  • Windows 10 SDK (最新に更新: 2022/03/18時点「10.0.20348.0」)

インストール完了後、flutter doctorを再実行。

>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.10.2, on Microsoft Windows [Version 10.0.19044.1586], locale ja-JP)
[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[√] Chrome - develop for the web
[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.2)
[√] Android Studio (version 2021.1)
[√] VS Code, 64-bit edition (version 1.65.2)
[√] Connected device (3 available)
[√] HTTP Host Availability

• No issues found!

全てクリアしました。

参考

コチラを参考にしました。ありがとうございました!

docs.flutter.dev qiita.com qiita.com

あとがき

Flutterのインストールとセットアップでした!

とりあえずこれで開発環境のベースは準備できました。

www.lisz-works.com