エディターをセットアップする

任意のテキストエディタを使用して Flutter でアプリを構築できます Flutter のコマンドラインツールと組み合わせて使用します。ただし、当社のエディタのいずれかを使用することをお勧めします。さらに優れたエクスペリエンスを実現するプラグイン。これらのプラグインは、コード補完、構文を提供します。ハイライト表示、ウィジェット編集支援、実行とデバッグのサポートなど。

次の手順を使用して、VS Code のエディタープラグインを追加します。 Android Studio、IntelliJ、または Emacs。別のエディタを使用したい場合は、問題ありません。次へ進んでください。次のステップ: 試乗。

VS コードをインストールする

VS Code は、完全な Flutter を備えた軽量エディターですアプリの実行とデバッグのサポート。

VSコード、最新の安定バージョン

Flutter プラグインと Dart プラグインをインストールする

VS コードを起動します。
呼び出す表示 > コマンドパレット…。
「インストール」と入力し、選択します拡張機能: 拡張機能をインストールする。
拡張機能の検索フィールドに「flutter」と入力し、選択する flutterリスト内でをクリックし、インストール。これにより、必要な Dart プラグインもインストールされます。

Flutter Doctor でセットアップを検証する

呼び出す表示 > コマンドパレット…。
「doctor」と入力し、Flutter: Flutter Doctor を実行します。
の出力を確認します。出力問題があればペインに表示されます。ドロップダウンから「Flutter」を必ず選択してくださいさまざまな出力オプションで。

Android Studioをインストールする

Android Studio は、完全な、 Flutter の統合 IDE エクスペリエンス。

Androidスタジオ、バージョン 2020.3.1 (Arctic Fox) 以降

あるいは、IntelliJ を使用することもできます。

IntelliJ IDEA コミュニティ、バージョン 2021.2 以降
IntelliJ IDEA Ultimate、バージョン 2021.2 以降

Flutter プラグインと Dart プラグインをインストールする

インストール手順はプラットフォームによって異なります。

マック

macos については次の手順を使用します。

Android Studioを起動します。
プラグイン設定を開きます (環境設定 > プラグイン現在 v3.6.3.0以降)。
Flutterプラグインを選択し、クリックインストール。
クリックはいDart プラグインのインストールを求めるプロンプトが表示されます。
クリック再起動プロンプトが表示されたら。

Linux または Windows

Linux または Windows の場合は、次の手順を使用してください。

プラグイン設定を開きます (ファイル > 設定 > プラグイン）。
選択する市場をクリックし、Flutter プラグインを選択して、インストール。

Emacs をインストールする

Emacs は、Flutter と Dart をサポートする軽量のエディタです。

Emacs、最新の安定バージョン

lsp-dart パッケージをインストールする

パッケージのインストール方法と使用方法については、を参照してくださいlsp-dart ドキュメント。