はじめに
こんにちは、エンジニアのkeitaMaxです。
公式のクイックスタート通りにFlutterのアプリを作成しようと思います。
git と vscodeさえ用意しておけば大丈夫っぽいです。
プロジェクトの作成
VSCodeに↑の拡張機能をインストールします。
Flutter SDKバンドルをダウンロードするからZipファイルをダウンロードします。
ダウンロードしたら解凍し、sdkを置くフォルダを作成して解凍したものを保存します。
~/develop/sdk/flutterに保存しました。
Flutter SDK bin をパスに追加します
.zprofileファイルを開いて一番下に以下を追加します。
export PATH="$PATH:$HOME/develop/sdk/flutter/bin"
インストールできているか以下のようなコマンドで確認し、バージョンが表示されれば問題ありません。
flutter_example_app % flutter --version
Flutter 2.0.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision c5a4b4029c (4 years, 7 months ago) • 2021-03-04 09:47:48 -0800
Engine • revision 40441def69
Tools • Dart 2.12.0
flutter_example_app % dart --version
Dart SDK version: 2.12.0 (stable) (Thu Feb 25 19:50:53 2021 +0100) on "macos_x64"
flutter_example_app %
問題
Dart DevTools exited with code 64. Would you like to try again?
というのがずっと出てしまいます。
どうやらFlutterの古いバージョンが入っていたようです。
flutter upgrade
でアップデートし、VSCodeを再起動したら解決しました。
プロジェクトの作成
Open the command palette in VS Code.
Go to View > Command Palette or press Command + Shift + P.
In the command palette, type flutter.
Select Flutter: New Project.
インストールが完了したら、VS Codeのコマンドパレットでflutterと入力し、新しくプロジェクトを作成します。
アプリケーションを作成するを押すと、どこに作るか聞かれるので自分の好きなフォルダを選択します。
その後プロジェクトの名前を聞かれるので、今回はflutter_example_appにしました。
新しく作成されたフォルダをVSCodeで開いてくれるので、しばらくするとプロジェクトの作成が完了します。
起動
以下コマンドで起動して見ます。
flutter run
すると以下のように聞かれます。
No wireless devices were found.
[1]: sdk gphone64 arm64 (emulator-5554)
[2]: iPhone (00008101-001268600282001E)
[3]: macOS (macos)
[4]: Chrome (chrome)
Please choose one (or "q" to quit): 4
Chromeで見て見たいので4を選択します。
すると↑のようにChromeが起動し、http://localhost:64908/が開かれ
Flutterを起動することができました。
おわりに
昔Flutterをやってみようと思ってインストールしことがあり、バージョンが古くハマりました。
この記事での質問や、間違っている、もっといい方法があるといったご意見などありましたらご指摘していただけると幸いです。
最後まで読んでいただきありがとうございました！
次の記事