Flutter 團隊推薦使用支持 Flutter 插件的編輯器,以獲取更好的開發體驗。
可以為 Visual Studio Code、Android Studio 以及 IntelliJ IDEA(Community、Educational、Ultimate 版)添加編輯器支持的插件。
一、步驟參考:
1.fluter按照:
- 1.1.flutter中國官網/下載:https://docs.flutter.dev/community/china
- 1.2.在中國網絡環境下使用 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 中文社區提供的環境搭建文檔: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開發:https://flutter.cn/docs/get-started/install/macos/mobile-android?tab=first-start
二、個人實際操作和1.2的上面官網稍不同一些:(做完下面的,還要做上面的2、3)
上面文檔里面少寫了一些詳細方法,所以flutter doctor 驗證一次成功了,再打開新的終端輸入flutter doctor報沒有安裝flutter。后面結合GPT重新梳理了一下:
1.在 terminal 中打開新窗口,準備運行腳本。
2.將 PUB_HOSTED_URL 設置為鏡像站點。
export PUB_HOSTED_URL="https://pub.flutter-io.cn"
3.將 FLUTTER_STORAGE_BASE_URL 設置為鏡像站點。
export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
4.從鏡像站點下載 Flutter 壓縮包。在你常用的瀏覽器中訪問并下載 Flutter SDK 壓縮包。
5.創建一個路徑存放fullter,我存放在 /users/xxxx/development/ 下面。
把fullter sdk下載下來后,解壓到這個路徑里面。
6.將 Flutter 添加到你的 PATH 環境變量中:
- 輸入以下命令來編輯你的 shell 配置文件。如果你使用的是 Bash shell,通常的配置文件是 ~/.bash_profile 或 ~/.bashrc。如果你使用的是 Zsh shell,則是 ~/.zshrc。我的是Zsh:
vim ~/.bash_profile
- 在文件的末尾,添加以下內容:
(路徑根據自己的實際情況更改)
。這會將 Flutter 的路徑添加到現有的 PATH 變量中。
export PATH="$PATH:/Users/xxxx/development/flutter/bin:$PATH"
保存并退出編輯器:如果使用的是 Vim,按下 Esc 鍵,然后輸入 :wq 并按下 Enter 鍵保存并退出。
重新加載配置文件,以使更改生效:
source ~/.zshrc
- 運行 Flutter doctor 來驗證安裝。
flutter doctor
在安裝fulter之前,已經安裝了xcode、andorid stuio、vscode,所以上面沒有報這幾個的相關錯誤。安裝包到官網下載即可
如果是按照官網的配置,在zsh配置是export PATH="$PWD/flutter/bin:$PATH",那換一個終端后輸入Flutter doctor 會報找不到flutter。
- 在本例中,flutter pub get 會在任何設置了 PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL 的終端中去獲取 flutter-io.cn 上的 package。
在此過程中使用 export 設置的環境變量僅適用于當前會話窗口。
要永久設置這些值,
將這三條 export 指令附加到首選 shell 使用的 *rc 或 *profile 文件中。按照上面在zsh文件中添加的方法一樣,在最后面添加上下面內容--保存---重新加載配置---flutter doctor驗證:
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" (這行在前面已經加過了!!!!)
三、2、3做完flutter doctor報錯
解決方案:android studio的setting里面安裝提示的內容”xxxx tools“。
然后終端運行:flutter doctor --android-licenses
再終端輸入flutter doctor,andoroid相關的都已經安裝了:
四、視頻課里面的講的:(就是上面的內容,可以不看了)
和普通的iOS項目運行到真機一樣,配置各個證書