Chapter 04

Flutterでサンプルアプリをビルドする

ひろ@アプリ開発
ひろ@アプリ開発
2022.05.23に更新

前提条件

flutterのインストールとVSCodeのセットアップが終わっている前提で話が進みます。

VSCodeで拡張機能をインストールする

  1. サイドバーの拡張機能を開く ( ⇧ + ⌘ + X)
  2. Flutterを検索・インストール
  3. VSCodeを再起動

VSCodeからデモアプリを新規作成

  1. VSCodeを開いて、メニューバーからView→コマンドパレットを開いてください
  2. "flutter"とタイプして、Flutter: New Projectを選択
  3. Applicationを選択
  4. 任意の場所にプロジェクトを新規作成 ex)~/FlutterProject/
  5. プロジェクト名をmy_appと入力してEnterキー
  6. プロジェクトが新規作成されlib/main.dartが表示されます。

アプリを実行する

flutter run

参考文献

https://docs.flutter.dev/get-started/test-drive?tab=vscode