Flutterの開発環境インストール

WindowsのデスクトップアプリをFlutterでつくる

バージョン

Flutter 2.8.1
VisualStudio 2019
VisualStudio Code

手順

ここにある通りにおこなう
docs.flutter.devdocs.flutter.dev

1. Flutter のインストール
   • flutter/bin にパスを通す
   • Windowsデスクトップアプリ開発を有効にする
     flutter config --enable-windows-desktop
2. VisualStudio 2019 のインストール
   • 「C++デスクトップ開発」を選択し、デフォルトのままインストールする
   • コンパイラとしてインストールするだけで、IDEはぜんぜん使わない
   • Flutter2.8だと2022は今はまだダメなので、下記から2019をダウンロード
     Visual Studio 2019 の再配布 | Microsoft Docs
3. VisualStudio Code のインストール
   • Flutterプラグインをインストールする。 Dartは自動でついでに入る

ここまでうまくできていれば、flutter doctor は次のようになるはず

C:\Users\hoge>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.8.1, on Microsoft Windows [Version 10.0.19042.1415], locale ja-JP)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[√] Chrome - develop for the web
[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.8)
[!] Android Studio (not installed)
[√] VS Code (version 1.63.2)
[√] Connected device (3 available)

! Doctor found issues in 2 categories.

ひながたプロジェクト作成＆実行

docs.flutter.dev
メニューの「表示」⇒「コマンドパレット」を選択して、flutterと入力するとFlutterのプロジェクトが新規作成できるようになる

そのあと、プロジェクトを置くディレクトリを選んで プロジェクトをmyappとかで新規作成すると、ひな型のソースがもりもり作られる。
あとはデバッグ開始で実行できる。 やったぜ