mac上でflutter開発環境を構築し、最初のプログラムを実行する
1567 ワード
flutterとは
FlutterはグーグルのモバイルUIフレームワークであり、iOSとAndroid上で高品質のオリジナルユーザーインタフェースを迅速に構築することができると公式に説明されています.Flutterは既存のコードと一緒に動作します.世界中で、Flutterはますます多くの開発者と組織に使用されており、Flutterは完全に無料でオープンソースです.(閑魚アプリはflutterを使っています)
一、flutterのインストール
意外なことに、android studio、Xcode、install dart、flutterプラグインなどのインストールを促すエラーが発生するはずです.ヒントに従って1つずつインストールすればいいです.注意しなければならないのは、
二、android studio及びプラグインのインストール
Android studioダウンロードアドレス
Android studioを開きpluginを開きます
flutter検索を入力して、真ん中のSearch in repositoriesをクリックしてinstallをクリックして、順調にインストールが終わったらandroid studioを再起動します
三、第一項目の実行
新しいFlutterがandroid studioを開くと、
Androidプロジェクトを実行するのと同じ操作フローで、アンドロイド本体に接続すると携帯電話でデフォルトのプロジェクトが表示されます
FlutterはグーグルのモバイルUIフレームワークであり、iOSとAndroid上で高品質のオリジナルユーザーインタフェースを迅速に構築することができると公式に説明されています.Flutterは既存のコードと一緒に動作します.世界中で、Flutterはますます多くの開発者と組織に使用されており、Flutterは完全に無料でオープンソースです.(閑魚アプリはflutterを使っています)
一、flutterのインストール
# flutter
cd project
# flutter SDK
#1、 git clone
git clone -b beta https://github.com/flutter/flutter.git
#2、 github , https://github.com/flutter/flutter/releases
# zip
#
export PATH=`pwd`/flutter/bin:$PATH
# , , clone
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#
cd ./flutter
flutter doctor
意外なことに、android studio、Xcode、install dart、flutterプラグインなどのインストールを促すエラーが発生するはずです.ヒントに従って1つずつインストールすればいいです.注意しなければならないのは、
pod setup
というステップに出会うかもしれませんが、ずっと進捗バーを押さえて動かないで、迅速な解決策は、携帯電話のホットスポットを開けて、mac接続携帯電話のホットスポットをダウンロードしてインストールして、5分以内にインストールすることができます(大きさは500 M以上)二、android studio及びプラグインのインストール
Android studioダウンロードアドレス
Android studioを開きpluginを開きます
flutter検索を入力して、真ん中のSearch in repositoriesをクリックしてinstallをクリックして、順調にインストールが終わったらandroid studioを再起動します
三、第一項目の実行
新しいFlutterがandroid studioを開くと、
Start a new Flutter project
のオプションが追加されます.作成に成功した後、端末にopen -a Simulator
を入力するとiosシミュレータを起動できます.android studioコンソールにflutter run
を入力すると、アンドロイドとiosシミュレータがflutter run-dで対応するプラットフォームを起動できます.ここでiosシミュレータを起動すると入力します.flutter run -d B21
Androidプロジェクトを実行するのと同じ操作フローで、アンドロイド本体に接続すると携帯電話でデフォルトのプロジェクトが表示されます