macOS Flutter環(huán)境搭建

Flutter 團(tuán)隊(duì)推薦使用支持 Flutter 插件的編輯器,以獲取更好的開發(fā)體驗(yàn)。
可以為 Visual Studio Code、Android Studio 以及 IntelliJ IDEA(Community、Educational、Ultimate 版)添加編輯器支持的插件。

一、步驟參考:
1.fluter按照:

2.安裝 Flutter 和 Dart 插件:https://flutter.cn/docs/get-started/editor?tab=androidstudio
3.配置andorid開發(fā):https://flutter.cn/docs/get-started/install/macos/mobile-android?tab=first-start

二、個(gè)人實(shí)際操作和1.2的上面官網(wǎng)稍不同一些:(做完下面的,還要做上面的2、3)
上面文檔里面少寫了一些詳細(xì)方法,所以flutter doctor 驗(yàn)證一次成功了,再打開新的終端輸入flutter doctor報(bào)沒有安裝flutter。后面結(jié)合GPT重新梳理了一下:

1.在 terminal 中打開新窗口,準(zhǔn)備運(yùn)行腳本。
2.將 PUB_HOSTED_URL 設(shè)置為鏡像站點(diǎn)。

 export PUB_HOSTED_URL="https://pub.flutter-io.cn"

3.將 FLUTTER_STORAGE_BASE_URL 設(shè)置為鏡像站點(diǎn)。

export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"

4.從鏡像站點(diǎn)下載 Flutter 壓縮包。在你常用的瀏覽器中訪問并下載 Flutter SDK 壓縮包。

5.創(chuàng)建一個(gè)路徑存放fullter,我存放在 /users/xxxx/development/ 下面。
把fullter sdk下載下來后,解壓到這個(gè)路徑里面。

6.將 Flutter 添加到你的 PATH 環(huán)境變量中:

  • 輸入以下命令來編輯你的 shell 配置文件。如果你使用的是 Bash shell,通常的配置文件是 ~/.bash_profile 或 ~/.bashrc。如果你使用的是 Zsh shell,則是 ~/.zshrc。我的是Zsh:
vim ~/.bash_profile
  • 在文件的末尾,添加以下內(nèi)容:(路徑根據(jù)自己的實(shí)際情況更改)。這會(huì)將 Flutter 的路徑添加到現(xiàn)有的 PATH 變量中。
export PATH="$PATH:/Users/xxxx/development/flutter/bin:$PATH"
  • 保存并退出編輯器:如果使用的是 Vim,按下 Esc 鍵,然后輸入 :wq 并按下 Enter 鍵保存并退出。

  • 重新加載配置文件,以使更改生效:

source ~/.zshrc
  1. 運(yùn)行 Flutter doctor 來驗(yàn)證安裝。
flutter doctor
運(yùn)行截圖

在安裝fulter之前,已經(jīng)安裝了xcode、andorid stuio、vscode,所以上面沒有報(bào)這幾個(gè)的相關(guān)錯(cuò)誤。安裝包到官網(wǎng)下載即可

如果是按照官網(wǎng)的配置,在zsh配置是export PATH="$PWD/flutter/bin:$PATH",那換一個(gè)終端后輸入Flutter doctor 會(huì)報(bào)找不到flutter。
  1. 在本例中,flutter pub get 會(huì)在任何設(shè)置了 PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL 的終端中去獲取 flutter-io.cn 上的 package。
    在此過程中使用 export 設(shè)置的環(huán)境變量僅適用于當(dāng)前會(huì)話窗口。
    要永久設(shè)置這些值,
    將這三條 export 指令附加到首選 shell 使用的 *rc 或 *profile 文件中。按照上面在zsh文件中添加的方法一樣,在最后面添加上下面內(nèi)容--保存---重新加載配置---flutter doctor驗(yàn)證:
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
export PATH="$PATH:/Users/xxxx/development/flutter/bin:$PATH"  (這行在前面已經(jīng)加過了?。。?!)

三、2、3做完flutter doctor報(bào)錯(cuò)

運(yùn)行截圖

解決方案:android studio的setting里面安裝提示的內(nèi)容”xxxx tools“。


image.png

然后終端運(yùn)行:flutter doctor --android-licenses
再終端輸入flutter doctor,andoroid相關(guān)的都已經(jīng)安裝了:


image.png

四、視頻課里面的講的:(就是上面的內(nèi)容,可以不看了)

image.png

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

和普通的iOS項(xiàng)目運(yùn)行到真機(jī)一樣,配置各個(gè)證書

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

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

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