重心出發、從頭開始
我這里使用的是imac進行安裝的
一、安裝flutter sdk
//1.終端中輸入以下指令克隆項目
git clone -b beta https://github.com/flutter/flutter.git
//2. 導出到Flutter保存路徑
export PATH=`pwd`/flutter/bin:$PATH
由于國內網絡限制我們可以通過修改鏡像地址來解決, 好在Google良心,專門給我們大陸提供了方案, 終端中一次輸入以下命令即可解決。
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor
二、執行 flutter doctor
2.1 ***
這里我遇到第一個問題,就是提示
zsh: command not found: flutter
這說明我配置flutter命令沒有成功,檢測一下路徑是否有問題,可以cd到/Users/用戶名/Flutter 目錄下,使用flutter -h,查看運行結果,如果失敗,就檢測一下路徑。
如果上面路徑下提示成功,在其他路徑下提示不成功,那么進行下面命令
vim ~/.zshrc
export PATH=(flutter/bin的路徑):$PATH
source ~/.zshrc
到這里,按道理應該可是在任何路徑下使用flutter命令了
2.1 ***
誰知到第二個問題又來了
Failed to retrieve the Dart SDK from: https://storage.googleapis.com/flutter_infra/flutter/540786dd51f112885a89792d678296b95e6622e5/dart-sdk-darwin-x64.zip
If you're located in China, please see this page:
https://flutter.dev/community/china
這里好像說的是國內網絡又不行了、、、 我、、、
解決辦法:
執行flutter doctor之前,先執行一下命令
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
到這里,正常執行flutter doctor啦
三、配置環境
這里我預先下載好了 Android Studio 和 Xcode
執行完 flutter doctor 發現一堆的紅叉,就知道又要配置相關的東西,下面就一個一個來解決吧:
3.1 ***
Android toolchain - develop for Android devices
? Unable to locate Android SDK.
Install Android Studio from:
https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK
components.
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup
for detailed instructions).
If the Android SDK has been installed to a custom location, set
ANDROID_SDK_ROOT to that location.
You may also want to add it to your PATH environment variable.
解決辦法
執行下面這句,然后一路按y
flutter doctor --android-licenses
3.2 ***
Xcode - develop for iOS and macOS (Xcode 11.4.1)
? CocoaPods not installed.
CocoaPods is used to retrieve the iOS and macOS platform side's plugin
code that responds to your plugin usage on the Dart side.
Without CocoaPods, plugins will not work on iOS or macOS.
For more info, see https://flutter.dev/platform-plugins
To install:
sudo gem install cocoapods
解決辦法
這里很明顯就是沒有安裝 cocoapods,先安裝一個,安裝好了就不報錯了:
iOS安裝CocoaPods詳細過程 http://www.lxweimin.com/p/b0dc4e8d872f
3.3 ***
Android Studio (version 3.6)
? Flutter plugin not installed; this adds Flutter specific functionality.
? Dart plugin not installed; this adds Dart specific functionality.
[!] Connected device
這個是提示我們 Android Studio 沒有安裝 Flutter 插件和 Dart 插件
讓我們打開 Android Studio , 點擊 Plugins,選擇 Browse repositories,搜索 Flutter 進行安裝,在安裝 flutter 時,編輯器也會幫我們安裝 dart 插件,安裝完成
后面兩個感嘆號先不管
三、創建項目
這里我先用Android Studio創建一個Demo
官方文檔配置
https://flutter.cn/docs/get-started/install/macos#create-and-run-a-simple-flutter-app
http://www.lxweimin.com/p/be8108497c54