Skip to content

Instantly share code, notes, and snippets.

@tx-TEM
Last active September 30, 2019 01:49
Show Gist options
  • Save tx-TEM/13ba30ad2e488f0c1e50a6105b361d6a to your computer and use it in GitHub Desktop.
Save tx-TEM/13ba30ad2e488f0c1e50a6105b361d6a to your computer and use it in GitHub Desktop.
Flutterインストールメモ[2019/09/26]

Flutter SDKのインストール

https://flutter.dev/docs/get-started/install/macos

$ mkdir Flutter  // 任意の場所に作成
$ cd Flutter
$ unzip ~/Downloads/flutter_macos_v1.9.1+hotfix.2-stable.zip

### .bashrc or .zshenvあたりに追加
export PATH=~/Library/Flutter/flutter/bin:$PATH

$ source ~/.zshenv
$ flutter doctor

Android セットアップ

https://flutter.dev/docs/get-started/install/macos#android-setup

android studio インストールして、 起動

https://developer.android.com/studio/index.html

プラグインのインストール

スクリーンショット 2019-09-29 17 50 24

スクリーンショット 2019-09-29 17 50 41

ライセンスに同意

flutter doctor --android-licenses

iOS セットアップ

https://flutter.dev/docs/get-started/install/macos#ios-setup

VS Code: Extensionの追加 

Flutter

https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

Dart

https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code

インストールの確認

$ flutter doctor

// 問題なくインストールできていたら下記のように出力される
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.9.1+hotfix.2, on Mac OS X 10.14.5 18F132, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 10.3)
[✓] Android Studio (version 3.5)
[✓] VS Code (version 1.38.1)
[✓] Connected device (2 available) # ここは端末接続されているかどうかなので、無視して良い

• No issues found!

プロジェクトの作成から初回実行まで

プロジェクトの作成

view > commandPalette

Flutter: New Project

シミュレータの起動

スクリーンショット 2019-09-30 10 43 45

実行

// VS Code Terminal
$ flutter run

// 以降コードを変更したら 
r
@tx-TEM
Copy link
Author

tx-TEM commented Sep 29, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment