本系列講解flutter的開發及遇到的常見問題，希望能夠幫助到大家。也鍛鍊自己的寫作能力。如果有興趣的朋友也可以私信我，一起討論。這是本人第一次寫作，如果有不適還請多多指正。
本系列適用人群：APP開發人員。如果您還不是一個碼農，那可能很難懂此文。如果您是APP的開發人員，那您可能更輕鬆明白。
本教程以windows開發為主，請準備一臺windows機器。
本系列的大概內容：
- 序 內容：環境搭建、常用資源、常見問題。
- 創建項目 內容：創建第一個項目。使用插件。
- 佈局上 內容：列表的佈局。
- 佈局下 內容：時間軸的佈局。
- 接口對接 內容：網絡請求。與後臺的數據的對接。
一、環境搭建
1、系統配置要求，要想安裝和運行 Flutter，你的開發環境至少應該滿足如下的需求：
- 操作系統：Windows 7 SP1 或更高的版本（64 位操作系統）。
- 磁盤空間：除安裝 IDE 和一些工具之外還應有至少 400 MB 的空間。
- 工具：要讓 Flutter 在你的開發環境中正常使用，依賴於以下的工具：
- Windows PowerShell 5.0 或者更高的版本（Windows 10 中已經預裝了）
- Git for Windows 2.x，並且勾選從 Windows 命令提示符使用 Git 選項。
- 如果 Windows 版的 Git 已經安裝過了，那麼請確保能從命令提示符或者 PowerShell 中直接執行 git 命令。
2、獲取 Flutter SDK
參見：https://flutter-io.cn/docs/development/tools/sdk/releases
將壓縮包解壓，然後把其中的 flutter 目錄整個放在你預想的 Flutter SDK 安裝目錄中（比如 C:\\src\\flutter；請勿將該目錄放在一些需要額外操作權限的目錄，比如 C:\\Program Files\\）。找到 flutter 目錄中的 flutter_console.bat 文件，雙擊執行該批處理腳本。
3、參數配置
- 在path變量裡增加 C:\\src\\flutter\\bin，如果你的安裝目錄是(C:\\src\\flutter\\bin)。
- 在用戶變量還要增加一個 FLUTTER_STORAGE_BASE_URL ，值：https://storage.flutter-io.cn
- 在用戶變量還要增加一個 PUB_HOSTED_URL ,值：https://pub.flutter-io.cn
path配置
變量配置
變量配置
二、常用的學習資源
- https://flutter-io.cn 中文網站
- https://github.com/alibaba/flutter-go 一個完整的flutter演示APP
- https://pub.dev/ flutter插件庫，可以查找想要的插件
- https://github.com/Solido/awesome-flutter 插件及演示的彙總列表
三、常見問題
1、flutter升級遇到網絡錯誤 - Got socket error。win7雙擊打開flutter_console.bat，嘗試用flutter upgrade升級時，遇到錯誤。
E:\\sdk_flutter\\flutter>flutter upgrade
Checking Dart SDK version...
Downloading Dart SDK from Flutter engine 09d05a38912a3c1a906e95099cac9a7e14fae85
f...
Unzipping Dart SDK...
Updating flutter tool...
Got socket error trying to find package mockito at https://pub.dartlang.org.
Error: Unable to 'pub upgrade' flutter tool. Retrying in five seconds...
設置2個環境變量(環境配置已經說過)
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
PUB_HOSTED_URL https://pub.flutter-io.cn
2、Waiting for another flutter command to release the startup lock...
// 殺死dart進程
flutter packages pub build_runner watch
// 終極方案,刪除flutter SDK文件夾目錄下的bin/cache下邊的lockfile文件
rm ./flutter/bin/cache/lockfile
分享到:
閱讀更多 多維的世界 的文章
