【Flutter】環境構築 TECH

Flutterとは

Googleが開発したオープンソース型のモバイルUIフレームワーク。 2018年12月4日にFlutter1.0がリリース。

Flutterインストールまで

1. サイトにアクセス

Flutterのサイトにアクセスする

Flutter公式サイト

2. インストールへ移動

サイト右上のGet startedをクリック

インストールへ移動

3. 各OSへ移動

自分のPCのOSをクリック

各OSへ移動

4. ファイルダウンロード

Flutter(SDK)ファイルをダウンロード

ファイルダウンロード

5. ファイルを解凍

ダウンロードしたZipファイルを解凍

ファイルを解凍

6. ファイルを配置

FlutterファイルをPCドライブ内の好きな場所に移動

ファイルを配置

7. 設定ファイルを開く

ターミナルを開き設定ファイルを開くコマンドを実行

お使いのターミナルがbashzshのどちらのシェルか要確認!

open ~/.bash_profile
open ~/.zprofile

8. パスを通す

FlutterコマンドをFlutterファイルにパスを通す

.bash_profile/.zprofile
export PATH="$PATH:$HOME/flutter/bin"

9. 設定を反映

ターミナルで設定ファイルの反映

source ~/.bash_profile
source ~/.zprofile

Flutterプロジェクト起動まで

10. プロジェクト作成

Flutterプロジェクト作成のコマンドを実行

Terminal
flutter create appname

プロジェクト作成

11. シミュレータ起動

シミュレータまたはエミュレータを起動

Android Studio Xcode

12. Flutter起動

プロジェクトのディレクトリで、Flutter起動コマンドを実行

Terminal
flutter run

Flutter起動