前提

• windows 10
• flutter windows v1.5.4
• Visual Studio Code

Flutter SDK 導入

公式サイトの「Get started」ページで Flutter をダウンロード

zip を「C:\src\flutter」のように解凍する
※ 管理者特権が必要になる「C:\Program Files\」などには配置しないこと

windows システムの環境変数「Path」に「C:\src\flutter\bin」を設定
※ winキーから歯車で設定ページへ。検索窓で「環境」と打つと「環境変数を編集」がサジェストされる
その他参照 Windows10でTempやPathなどの環境変数を設定する方法 | サービス | プロエンジニア

動作確認。コマンドプロンプト「flutter --version」

>flutter --version
Flutter 1.5.4-hotfix.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 7a4c33425d (8 weeks ago) • 2019-04-29 11:05:24 -0700
Engine • revision 52c7a1e849
Tools • Dart 2.3.0 (build 2.3.0-dev.0.5 a1668566e5)

インストールする必要があるその他ツールを確認「flutter doctor」

>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.17763.557], locale ja-JP)

[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[!] Android Studio (version 3.4)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.26.1)
    X Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] VS Code, 64-bit edition (version 1.30.2)
    X Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! No devices available

! Doctor found issues in 5 categories.

※ [!] がついているものがインストールされていない、または未対応バージョンなので導入・更新していきます。方法がメッセージに示されているので助かります。

Android Studio

Android Studio and SDK toolsをダウンロード

インストール。手順は公式サイトで

Dart と Flutter のプラグインをインストールします

英語： Android Studio > Preferences > Plugins
日本語： ファイル > 設定 > プラグイン

Android toolchain

よくわかりませんがライセンス関係に同意・取得するようです

flutter doctor --android-licenses

VS Code, 64-bit edition

公式サイトからダウンロード

Flutter、Dart、Flutter Widget Snippets プラグイン３つをインストール。左のアイコンメニュー１番下の■みたいなのから

再起動後、Flutter 新規プロジェクトを作ってみる。VS Code で F1 キーで入力欄を出し、Flutter と入力し New Project を選び、プロジェクト名を決定・保存。

VS Code の右下（ベルマークやニコちゃんマークの左）に「No Devices」があるのでクリック。Android Studio で作成済みのエミュレータ、または新規作成が選べる。
※ 新規作成はなぜか動作しなかった
※ Android Studio を起動していなくてもエミュレータ起動が可能

以上で環境づくりはおしまい。
エミュレータを立ち上げた状態で「flutter doctor」すると、準備が整ったことを確認できる。

参照URL

• WindowsでFlutterの環境をつくろう - Qiita

---

関連記事

関連記事はまだありません