官方教程請點擊這里

系統(tǒng)要求

---

由于作者電腦為MACOS系統(tǒng)，所以這里只講MACOS系統(tǒng)的集成
操作系統(tǒng): macOS (64-bit)
磁盤空間: 700 MB(不包括Xcode或Android Studio的磁盤空間)
工具: Flutter
依賴下面這些命令行工具:
bash,mkdir, rm, git, curl, unzip, which

獲取Flutter SDK

---

點擊跳轉(zhuǎn)Flutter SDK獲取地址
這里官網(wǎng)給出兩種集成Flutter SDK方式:

1、下載安裝包
2、git clone

這里推薦用安裝包 的形式集成SDK
由于安裝包比較大，有400mb，作者第一次集成使用的是git clone的方式，之后的各種問題不斷，就刪除項目，改用安裝包的形式，結(jié)果一次成功，所以這里推薦使用安裝包集成

配置環(huán)境變量

---

1、打開Terminal（終端）
2、輸入 vim ~/.bash_profile (若沒有該文件，請先創(chuàng)建)
3、設置PATH export PATH=集成的Flutter SDK的所在的路徑/flutter/bin:$PATH
4、輸入 :wq//保存并退出
5、修改立即生效 source ~/.bash_profile
6、查看環(huán)境變量的值 echo $PATH

運行 flutter doctor

---

這里檢查Flutter 開發(fā)環(huán)境是否完善
運行之后，會出現(xiàn)檢查結(jié)果，例如：

[-] Android toolchain - develop for Android devices
? Android SDK at /Users/obiwan/Library/Android/sdk
? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
? Try re-installing or updating your Android SDK,
visit https://flutter.io/setup/#android-setup for detailed instructions.

帶有?的部分按照提示修復即可
下方為全部修復好的提示

[?] Flutter (Channel dev, v0.11.0, on Mac OS X 10.14 18A391, locale zh-Hans-CN)
[?] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[?] iOS toolchain - develop for iOS devices (Xcode 10.1)
[?] Android Studio (version 3.2)
[?] IntelliJ IDEA Community Edition (version 2018.2.5)
[?] Connected device (3 available)
? No issues found!

至此，就可以開開心心的玩耍了
另外，若被墻請?zhí)砑尤缦颅h(huán)境變量

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

開發(fā)工具

---

其實作者接觸過 android 開發(fā)，所以優(yōu)先考慮 android studio
android studio怎樣變成Flutter開發(fā)工具呢？
只需在Plugins添加Flutter插件，重啟 android studio ，然后android studio搖身一變，就成為了Flutter開發(fā)工具

結(jié)束

---

至此，基于 android studio 的 Flutter 的開發(fā)環(huán)境已經(jīng)集成完畢，下一節(jié)可能會集成 滑動列表 進來，畢竟這是APP最常用的控件之一了

本頁內(nèi)容由塔燈網(wǎng)絡科技有限公司通過網(wǎng)絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權(quán)，如您認為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://m.jstctz.cn/18079.html