55
56

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.

WindowsでFlutterインストール

Last updated at Posted at 2018-09-29

元々JavaでAndroidアプリを開発していたが、flutterを使う機会がありインストールした。
Windowsへのインストールの情報があまりなかったので手順をまとめた。

環境

Windows7 SP1 64bit
Android Studio 3.2 インストール済み

参考ページ

Windows install

flutterインストール

始める前に以下をインストール

  • PowerShell
  • Git for Windows

※参考ページからダウンロード可能

flutterを取得

参考ページからダウンロード

001.png

C直下に解凍し、flutter.batを管理者権限で実行

004.png

環境変数のPATHに以下を追加

C:\flutter\bin
image.png

コマンドプロンプトで依存関係を確認

flutter doctor
005.png
ANDROID_HOMEがない…………

ANDROID_HOMEを環境変数に追加

インストールしていたAndroid SDKのパスをセット
006.png

再度コマンドプロンプトを起動し依存関係を確認

flutter doctor
※コマンドプロンプトは起動直後の環境変数を利用するため、一度ウィンドウを閉じる必要がある
007.png
プラグインの問題が出ているが、後程インストールするので一旦無視

Android Studioを起動し、プラグインをインストール

008.png

「Flutter」をリポジトリ内で検索し、インストールボタン押下

009.png

Dartも併せてインストール

010.png

Android Studioを再起動

「Start a new Flutter project」が表示されている。
012.png

動作確認

「Start a new Flutter project」を選択

013.png
014.png
015.png

サンプルプロジェクトで、デバイスを指定して起動

016.png

スマホ画面でアプリが起動することを確認

Screenshot_20180929-223142.png

インストール自体は簡単だけど、環境設定まわりはちょっと面倒…………
ソースの詳細はFlutterの基礎参照

55
56
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
55
56

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?