Flutter 旅程(一)Mac版Flutter的安裝


一、獲取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 Studioconfigure 設(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:

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即可

Failed to install the following Android SDK packages as some licences have not been accepted on aws instance?錯(cuò)誤處理:

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容