WindowsとMacのデュアルプラットフォーム:Flutter環境構築の最も完全な宝典

Windows環境構築
第一歩:前提——Gitをインストールする(さもないと後で誤報する)
第2歩:flutterのSDKをダウンロードして解凍する(直接ダウンロードが遅いので、以下の方法を使用)
1、公式サイトのダウンロードボタンの上で右クリックして、リンクアドレスをコピーして、元のアドレス(Mac版とwindow版):https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip
次のアドレスに変更して、ブラウザを入力します.
https:// storage.flutter-io.cn /flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip https:// storage.flutter-io.cn /flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip
ステップ3:環境変数の構成(ユーザー変数)
1、新規ユーザー変数
PUB_HOSTED_URL: https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
2、ユーザー変数pathに解凍したflutterパッケージを追加する全パス(すなわちbinが存在するパス)flutter/bin
ステップ4:Android Studioをインストールし、完了後にSDKをダウンロードし、シミュレータをインストールします(vscodeで作成することもできます)
1、インストールが完了したら、ファイル-設定-Appearance-System Settings-Android SDKに入り、Android SDK Locationの編集ボタンをクリックし、SDKが格納しているディレクトリ(D:Android SDKなど)を選択してインストールを実行します.次に、SDKシステム変数を設定します.
2、新しいシステム変数ANDROID\_HOME=D:\\AndroidSDK
3、システム変数pathにSDKフォルダ下のtoolsパスとplatform-toolsパスを追加する
4、右上の携帯ボタンをクリックし、シミュレータを取り付ける
ステップ5:端末を再起動し、任意のディレクトリで以下のコマンドを実行し、チェックを行うflutter doctor
1、もし検査のヒント:Some Android licenses not acceptedならば、命令行は実行しますflutter doctor --android-licenses // y，enter ， （ ）
ステップ6:vscode開発構成:
1、flutter拡張をインストールし、右下のNo Deviceをクリックし、シミュレータを選択するか、シミュレータを作成する
2、プロジェクトの作成:shift+Ctrl+Pを押して、新しいflutterプロジェクトを選択する
3、F 5または実行 flutter run、debugデバッグをオンにします(debugモードではホットリロード機能があります)
Mac環境構築
ステップ1:Gitをインストールし、flutterをダウンロードして解凍する(Windows環境と同じ方法)
https://flutter.dev/docs/development/tools/sdk/releases
ステップ2:環境変数の構成
1、ユーザーホームに入ります.例えば、私はwujingfengです.cd ~
2.bash_の表示Profileが存在するかどうか、存在しないか、ファイルを作成します(前に点があることに注意してください)touch .bash\_profile
3、コマンドを実行し、エディタで.bash_を開くprofile open -e .bash\_profile
4、.bash-profileに国内ミラー環境変数を追加し、以下の内容を貼り付けるexport PUB\_HOSTED\_URL=https://pub.flutter-io.cn export FLUTTER\_STORAGE\_BASE\_URL=https://storage.flutter-io.cn
5、.bash-profileにflutter SDKのbinパスを環境変数に追加し、次の内容を貼り付けます(前のパス名を自分のものに変更することに注意してください)export PATH=${PATH}:/Users/wujingfeng/development/lib/flutter/bin
パス名の取得方法:
1つ目は、binフォルダを右クリックし、optionキーを押してbinをパス名にコピーする
第2に、コマンドラインcdからbinディレクトリへ、pwdコマンドを実行するpwd
6、以下のコマンドを実行して、構成を有効にするsource .bash\_profile
第三歩:端末を再起動し、任意のディレクトリでコマンドを実行し、検査を行うflutter doctorヒントAndroid StudioとAndroid SDKのインストール、およびANDROIDの構成が必要です.HOME環境変数2ヒントxcodeインストールcoapodsインストールなし//3ヒントvscodeのflutter拡張インストールなし
ステップ4:Android Studioのインストールをダウンロードし、Android Studioを実行するとAndroid SDKがインストールされ、SDKパスが記録され、次の手順に従います.
1、環境変数の構成.bash-profileに次の内容を追加します(パスを自分のものに変更することに注意してください)

export ANDROID\_HOME=/Users/wujingfeng/Library/Android/sdk/ export PATH=${PATH}:${ANDROID\_HOME}/tools export PATH=${PATH}:${ANDROID\_HOME}/platform-tools

次に構成を更新source .bash\_profile
2、再度flutter doctorを実行し、licensesがないことを提示し、コマンドを実行するflutter doctor --android-licenses // y ， （ Windows ）
ステップ5:Android Studioはflutterとdartプラグインをインストールし(これはご存知のように)、シミュレータをインストールします(vscodeで作成することもできます.Windowsと同じです).
Android Studioでflutterプロジェクトを作成し、次の手順でシミュレータをインストールします. そうでなければvscodeはAndroid Studio>Tools>Android>AVD ManagerをデバッグできずCreate Virtual Deviceを選択し、推奨から1つ選択すればよい(右上隅の携帯電話ボタンをクリックしてシミュレータを作成することもできる)
xcodeのインストール(これはシステムバージョンのため、私もしばらく処理していません.後で更新中に解決しました)は、以下のコマンドが失敗する可能性があります.参考にしてください.
1 CocoaPods sudo gem install cocoapods 2インストールxcode 3インストールアップルコマンドラインツール(これはできるだけインストールしてください)
ステップ6:vscode flutter拡張子をインストールし、shift+command+pを押してflutterを入力し、プロジェクトを作成したり、使用したりしてもいいです.
メニューからView>Command Palette…を選択して「flutter」を入力し、「Flutter:New Project」actionを選択してプロジェクト名(myappなど)を入力し、Enterキーを押してプロジェクトを配置する場所を指定し、青色のOKボタンを押してプロジェクトの作成を待機し、main.dartファイルを表示します
1、F 5または選択メニューDebug-Start Debuggingでデバッグを実行する(シミュレータがインストールされていることを前提とする)
注:エラーが発生した場合は、プロジェクトを再作成します.