0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Win10にてFlutterの開発環境構築ーーFlutter SDK Install(2020年保存版)

Posted at

Flutter始めました。

めちゃくちゃ人気なフレームワークFlutterでアプリを開発したいんで、しかし、Flutterの開発環境構築に関して面倒くさいと聞いたことがあります。それで、本文は備忘録として作成します。

主に三つの部分を分けています。
● ダウンロード
● 環境変数の設定
● 依存性確認

じゃ、早速本題に入りましょう。

ダウンロード

まずは公式サイトからWindowsを選択して、
tempsnip.png
Windowsのインストール画面に遷移して、flutter_windows_1.22.3-stable.zipというリンクをクリックするとダウンロードが開始されます。
tempsnip2.png
ダウンロードしたファイルを好きな場所に置いて、右クリックして、ここに解凍をクリックすると解凍されます。
tempsnip4.png
解凍した結果はこんな感じとなります。
1.PNG
それでflutter_windows_1.22.3-stable.zipのファイル削除してもいいです。

環境変数の設定

上記flutterのフォルダを開いて、binの子フォルダに入って、下記のパスをコピーして

C:\flutter-stabe\flutter\bin

左下のWindowsアイコンをクリックして、設定アイコンを押して、
tempsnip5.png
システムを選択して
tempsnip6.png
バージョン情報をクリックして
tempsnip7.png
関連設定下のシステム情報をクリックして、コントロールパネルホームに遷移します。
tempsnip8.png
システムの詳細設定をクリックして、システムのプロパティに遷移します。
tempsnip9.png
システムのプロパティにて環境変数をクリックして
tempsnip10.png
システム環境変数にてPathを選択して、編集ボタンを押して、環境変数名の編集ウインドウズをポップアップします。
tempsnip11.png
新規ボタンを押して、先ほどコピーしたパスを貼り付けて、OKボタンを押します。
tempsnip12.png

Windowsにてコマンドプロンプトを起動して、下記のコマンドで確認しましょう。

flutter --version

下記のように結果が出ると、正確にインストールされました。

Flutter 1.22.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 8874f21e79 (9 days ago) • 2020-10-29 14:14:35 -0700
Engine • revision a1440ca392
Tools • Dart 2.10.3

依存性確認

Flutterの開発環境構築に関して、いくつかの関連ソフトやツールなどをインストール必要があります。
それで、下記のコマンドで依存性を確認しましょう。

flutter -doctor

今はFlutter SDKをインストールのみ、なので、下記のように結果が出ると大丈夫です。

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 1.22.3, on Microsoft Windows [Version 10.0.18363.1139], 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, set ANDROID_SDK_ROOT to that location.
      You may also want to add it to your PATH environment variable.

[!] Android Studio (not installed)
[!] Connected device
    ! No devices available

! Doctor found issues in 3 categories.

また、依存ツールなどのインストール手順は次の記事を書くようにします。

以上です。ここまで読んでいただきまして、ありがとうございました。
もし何か質問があれば、遠慮なくコメントしてくださいね。

またね。:grinning:

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?