Flutterツールのインストールと環境構築

1. Flutter SDK をダウンロードします。ダウンロードが完了したら、SDK を配置する必要がある場所に解凍します。

 知らせ:

  • 特殊文字やスペースを含むパスに Flutter を置かないでください。
  •  C:\Program Files\ など、高い権限を必要とするフォルダーに Flutter をインストールしないでください。

2. 環境変数を設定する

例えば:

「D:\develop\Fluter\sdk\flutter」は「flutter_windows_3.16.3-stable.zip」を解凍した後のファイルパスです。後で環境変数に設定する必要があります。設定されたパスは「D:\development\Fluter\sdk\flutter\bin

「OK」をクリックすると、環境変数が設定されます。

ヒント:

  • Flutter SDK は、flutter コマンド スクリプトと同じディレクトリに dart コマンドを追加するため、Dart コマンド ライン プログラムをより簡単に実行できます。
  • Flutter SDK をダウンロードすると、対応する Dart SDK もダウンロードされます。 (Dart SDK を個別にダウンロードする場合は、dart が環境変数で最初にランクされていることを確認する必要があります。詳細については、「https://flutter.cn/docs/get-started/install/windows」を参照してください。

) で Path 環境変数を更新します。

cmd を開き、「where flutter dart」コマンドを入力して、フラッターとダーツの配置を表示します。

上記の印刷結果から、flutter と dart が同じ bin ディレクトリから来ていることがわかります。

3. Visual Studio Code開発ツールを使用する

  1. VS Code開発ツールをインストールする
  2. Flutter を開発するには、Flutter プラグインをインストールします。

2.1. vs を開き、拡張機能アイコンをクリックして「Flutter」と入力し、Flutter 項目を選択して [インストール] をクリックします。 " 右側 >" で、Flutter と Dart の依存関係をインストールします。

2.2. Visual Studio Code のコード設定を確認する

1)、打开 表示 ->出力

2). [出力] パネルの右上隅にあるドロップダウン メニューから [フラッター] を選択します (ただし、これを初めて構成する場合は、ドロップダウン メニューで使用できない場合があります。この時点では心配する必要はありません)時間をかけて最初の一歩を踏み出し続ける)

3)、打开 表示 > コマンド パレット…

4). 「doctor」と入力すると、下の選択ボックスに「 Flutter: Run Flutter Doctor」が表示されます。選択後、 , 出力パネルに出力結果が表示されます。

この時点で、[出力] パネルの右側にある選択ボックスで [フラッター] を選択することがわかります。画像の1でマークされています。

図の 2 のマークは、既存の環境を確認するための検出レポートです。表示内容を注意深く読み、インストールされていないソフトウェアや完了する必要のある追加の手順がないかどうかを確認します (通常は太字 )。

おすすめ

転載: blog.csdn.net/yyxhzdm/article/details/134968177
おすすめ