Flutter 團(tuán)隊(duì)推薦使用支持 Flutter 插件的編輯器,以獲取更好的開發(fā)體驗(yàn)。
可以為 Visual Studio Code、Android Studio 以及 IntelliJ IDEA(Community、Educational、Ultimate 版)添加編輯器支持的插件。
一、步驟參考:
1.fluter按照:
- 1.1.flutter中國官網(wǎng)/下載:https://docs.flutter.dev/community/china
- 1.2.在中國網(wǎng)絡(luò)環(huán)境下使用 Flutter安裝配置的方法:https://flutter.cn/community/china?tab=macos
- 1.3使用vscode安裝:https://flutter.cn/docs/get-started/install/macos/mobile-android?tab=first-start
- 1.4 中文社區(qū)提供的環(huán)境搭建文檔:https://book.flutterchina.club/chapter1/install_flutter.html#_1-3-4-%E5%B8%B8%E8%A7%81%E9%85%8D%E7%BD%AE%E9%97%AE%E9%A2%98
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
- 運(yùn)行 Flutter doctor 來驗(yàn)證安裝。
flutter doctor

在安裝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。
- 在本例中,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ò)

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

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

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












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







