0
0

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 1 year has passed since last update.

Flutter 環境構築からサンプルコード実行までの手順

Posted at

Flutterの環境構築からサンプルコード実行までの手順

1. Flutter SDKのインストール

Flutter SDKをインストールします。以下の公式ドキュメントを参考に、OSに合わせてインストールしてください。

2. Flutterコマンドのパスを通す

Flutterコマンドを使えるようにするため、flutter/binのパスを環境変数に追加します。

例えば、bashを使っている場合は、~/.bash_profileファイルに以下の行を追加します。

$ export PATH="$PATH:[flutterのインストールパス]/bin"

3. Flutter doctorの実行

Flutter doctorコマンドを実行して、Flutter SDKが正しくインストールされているか確認します。

$ flutter doctor

もし、必要なライブラリやツールが足りない場合は、Flutter doctorがそれらを自動でインストールするように促します。インストールされるまで、待ちます。

4. Flutterアプリの作成

以下のコマンドを実行して、新しいFlutterアプリを作成します。

$ flutter create my_app

ここで、my_appは任意のアプリ名です。

5. アプリを実行する

作成したアプリを実行するために、gallery/ディレクトリに移動して、ターミナルで以下のコマンドを実行します。

$ flutter run

このコマンドを実行すると、Android エミュレータまたは接続された Android デバイス上でアプリが起動します。

ここで、iOS アプリを起動する場合は、以下のコマンドを実行します。

$ flutter run -d <iOS device id>

iOS デバイスの ID は、flutter devicesコマンドで確認できます。

以上で、Flutterの環境構築からサンプルコード実行までの手順が完了しました。
お疲れ様でした!

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?