
一、獲取Flutter SDK(選擇自己的操作系統(tǒng)和最新穩(wěn)定的版本(Stable版本))
方法一:(通過git clone 直接獲取flutter sdk)
1,創(chuàng)建一個(gè)FlutterSDK安裝文件夾,并cd 到該文件下
例:cd/Users/XXX/Desktop/development? (這里我是放在桌面的文件夾)
2,在該文件下,執(zhí)行命令:
git clone-b dev https://github.com/flutter/flutter.git
方法二:(現(xiàn)在flutter 官網(wǎng)上進(jìn)行下載flutter sdk)
1,將下載的sdk放到你指定的文件夾中
2,但是在運(yùn)行flutter相關(guān)命令的時(shí)候會(huì)有報(bào)錯(cuò)信息:
Error: The Flutter directory is not a clone of the GitHub project.?
? ? ? ? ?The flutter tool requires Git in order to operate properly;
? ? ? ? ?to install Flutter, see the instructions at:
? ? ? ? ?https://flutter.dev/get-started
此時(shí)需要進(jìn)入flutter sdk所在的目錄下 執(zhí)行 git init 將使其成為一個(gè)git倉(cāng)庫 ,即可
二、環(huán)境變量配置
MacOS環(huán)境變量配置
export FLUTTER_HOME=/Applications/flutter (這邊找到你所在的flutter文件目錄下,進(jìn)行單獨(dú)配置,防止后面變動(dòng))
export PATH=$PATH:$FLUTTER_HOME/bin
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin
由于在國(guó)內(nèi)訪問Flutter有時(shí)可能會(huì)受到限制,F(xiàn)lutter官方為中國(guó)開發(fā)者搭建了臨時(shí)鏡像,大家可以將如下環(huán)境變量加入到用戶環(huán)境變量中(打開終端執(zhí)行下面命令):
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
對(duì)于上述的配置文件,你需要在~/.bash_profile文件下進(jìn)行
對(duì)于~/.bash_profile文件的操作:
打開命令行工具 輸入
vim./.bash_profile// 或者sudo vi~/.bash_profile
如果此時(shí)已創(chuàng)建,則輸入e按回車即可進(jìn)入編輯模式
然后編輯該文件, 輸入i即可進(jìn)入編輯模式
將上述的配置寫入該文件中。
保存?.bash_profile?文件
按鍵盤上的ESC退出編輯模式,然后輸入:wq保存并退出文件
刷新?.bash_profile?文件
source $HOME/.bash_profile// 或者source~/.bash_profile
環(huán)境配置成功后,此時(shí)你可以創(chuàng)建一個(gè)flutter 項(xiàng)目了。
我這里知道,F(xiàn)lutter可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。 所以我先安裝了Android Studio和Xcode。
三、安裝Android?Studio和Xcode
安裝 Xcode
要為iOS開發(fā)Flutter應(yīng)用程序,您需要Xcode 7.2或更高版本
安裝Xcode 7.2或更新版本(通過鏈接下載或蘋果應(yīng)用商店).
配置Xcode命令行工具以使用新安裝的Xcode版本?sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer?對(duì)于大多數(shù)情況,當(dāng)您想要使用最新版本的Xcode時(shí),這是正確的路徑。如果您需要使用不同的版本,請(qǐng)指定相應(yīng)路徑。
確保Xcode許可協(xié)議是通過打開一次Xcode或通過命令sudo xcodebuild -license同意過了.
使用Xcode,您可以在iOS設(shè)備或模擬器上運(yùn)行Flutter應(yīng)用程序。
安裝?Android
Android Studio?, 3.0或更高版本.
需要安裝兩個(gè)插件:(此操作在Android Studio的configure 設(shè)置下的plugins的里面進(jìn)行搜索下載)
Flutter插件: 支持Flutter開發(fā)工作流 (運(yùn)行、調(diào)試、熱重載等).
Dart插件: 提供代碼分析 (輸入代碼時(shí)進(jìn)行驗(yàn)證、代碼補(bǔ)全等).
四、檢查依賴是否都成功
運(yùn)行Flutter doctor命令查看是否需要安裝其它依賴項(xiàng)來完成安裝
flutter doctor
五,相關(guān)可能遇見的問題
Android方面遇見的問題:
android 權(quán)限沒有接收問題:
Failed to install the following Android SDK package as some license have not been accepted on aws instance

對(duì)于警號(hào):"Some Android licenses not accepted.To resolve this, run:flutter doctor --android-licenses"
運(yùn)行:
flutter doctor?--android-licenses (一路下去:Y)
對(duì)于錯(cuò)誤:Flutter requires Android SDK 28 and the Android BuildTools 28.0.3? ? ? To update using sdkmanager, run:? ?/Users/yanjing/Library/Android/sdk/tools/bin/sdkmanager "platforms;android-28" "build-tools;28.0.3"
解決方式如下:
進(jìn)入?Android?Studio:

?打開Android?Studio:? 選擇 Configure ->SDK Mannager ->Android SDK 升級(jí)到28

在進(jìn)行?flutter doctor 檢測(cè) 這時(shí)候的警告和錯(cuò)誤 就不在了

對(duì)于錯(cuò)誤: Flutter plugin not? installed; this? adds Flutter specific functionality.??
Dart plugin not installed; this adds Dart specific functionality
打開Android?Studio:選擇Configure ->?Plugins ->搜索flutter和dart進(jìn)行安裝(里面連接搜索會(huì)有點(diǎn)慢,對(duì)網(wǎng)絡(luò)有點(diǎn)要求的)
在進(jìn)行?flutter doctor 檢測(cè) :
Android 已經(jīng)好了

?iOS方面遇見的問題:
??libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:
brew update
?brew install --HEAD usbmuxd
?brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
按順序 從上往下 進(jìn)行終端輸入

對(duì)于:fatal: unable to access 'https://git.libimobiledevice.org/libimobiledevice.git/': Failed to connect to git.libimobiledevice.org port 443: Operation timed out
這是由于網(wǎng)速問題,進(jìn)行較好的網(wǎng)絡(luò)下重新進(jìn)行執(zhí)行

對(duì)于警號(hào):Warning: usbmuxd HEAD-873252d_1 is already installed and up-to-dateTo reinstall HEAD_1, run `brew reinstall usbmuxd
解決:brew reinstall usbmuxd`(重新執(zhí)行)
六、配置編輯器
?目前官方推薦的編輯器有Android Studio、VS Code、IntelliJ,我選擇的是VS Code
安裝 VS Code:
?安裝Flutter插件
1. 啟動(dòng) VS Code
2. 在搜索框輸入?flutter, 在搜索結(jié)果列表中選擇 ‘Flutter’以及'Dart', 然后點(diǎn)擊?Install
3. 選擇 ‘OK’ 重新啟動(dòng) VS Code

?調(diào)用View>Command Palette 或者 同時(shí)按fn F1 ,創(chuàng)建flutter 項(xiàng)目?
選擇第一個(gè) Flutter:New Project? 輸入一個(gè)項(xiàng)目名稱


運(yùn)行項(xiàng)目 同時(shí)點(diǎn)擊fn 和F5
我這邊用的是iPhone XR模擬器和Android? 運(yùn)行的結(jié)果

此上是我在安裝flutter 的時(shí)候遇見到的問題,不足之處還請(qǐng)多多諒解,也歡迎各大神指教~~
https://blog.csdn.net/qq_34115898/article/details/88355939. 修改vim
對(duì)于報(bào)錯(cuò) :
Error: The Flutter directory is not a clone of the GitHub project.?
? ? ? ? ?The flutter tool requires Git in order to operate properly;
? ? ? ? ?to install Flutter, see the instructions at:
? ? ? ? ?https://flutter.dev/get-started
需要進(jìn)入flutter sdk所在的目錄下 執(zhí)行 git init 將使其成為一個(gè)git倉(cāng)庫。
再運(yùn)行flutter doctor即可
1,進(jìn)行flutter doctor 的檢查?
用vscode 所遇問題:
Dart_LoadScriptFromKernel: The binary program does not contain 'main'.
解決方法:cmd + s?再?Run Code
/bin/sh: dart: command not found
運(yùn)行open ~/.zshrc
#dart
exportDART_HOME=/Users/XXXXXX/Work/Download/flutter/bin/cache/dart-sdk/bin
exportPATH="${DART_HOME}:${PATH}"
將上面路徑放入.zshrc配置中
將/Users/XXXXXX/Work/Download還成自己電腦存放flutter的路徑。保存退出
重啟vscode(一定是退出重啟)
The file /Users/xxxx/.zshrc does not exist
原因
使用的終端是zsh,zsh加載的是~/.zshrc文件,而該文件中沒有定義任務(wù)環(huán)境變量。
解決
1、打開終端在用戶目錄下(cd ~)執(zhí)行ls -all?查看該目錄下是否存在.zshrc文件,
如果不存在,則需要?jiǎng)?chuàng)建該文件,和.bash_profile的創(chuàng)建方法一致,在用戶路徑下 touch .zshrc
2、在終端中執(zhí)行命令打開.zshrc文件
open -e ~/.zshrc
3、在文件最后一行加上下面代碼并保存退出
source ~/.bash_profile
4、執(zhí)行命令,使其立即生效
source ~/.zshrc