? ? ? ?很久以前就有看到關(guān)注的大神推薦學(xué)習(xí)Flutter,對(duì)Flutter的理解就是一個(gè)跨平臺(tái)的移動(dòng)UI框架，是屬于Google的產(chǎn)品，當(dāng)時(shí)沒(méi)有太多的關(guān)注，近期的Google I/O大會(huì)，發(fā)現(xiàn)Flutter越來(lái)越強(qiáng)大了，趕緊學(xué)習(xí)下。
一.Flutter的發(fā)展
? ? 詳見(jiàn)：https://mp.weixin.qq.com/s/xVmilQeiveA8XZNU0g668Q
? ? ? ? Flutter最初是為了解決構(gòu)建iOS和Android不能跨平臺(tái)而設(shè)計(jì)的，有了它就可以使得一份代碼既可以跑在兩個(gè)平臺(tái)上，能極大的提高開(kāi)發(fā)效率，類似于RN，但是它用的Dart語(yǔ)言，Dart語(yǔ)言常用來(lái)編譯網(wǎng)頁(yè)內(nèi)容，所以Web端自然也可以運(yùn)行Flutter框架。?
? ? ? Flutter的目標(biāo)是發(fā)展成為適用于所有屏幕的便攜式界面框架
? ?對(duì)創(chuàng)業(yè)公司來(lái)說(shuō)是非常有利的。
二.Flutter在Android Studio下的配置
1，在Android Studio插件下輸入Flutter下載Flutter，下載時(shí)會(huì)提示要先下載Dart,所以把Dart和Flutter都下載下來(lái)即可。
2.下載Flutter的sdk
//在git bash下
git clone -b beta https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
??//PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL都是針對(duì)國(guó)內(nèi)不能訪問(wèn)國(guó)外網(wǎng)絡(luò)而設(shè)置的鏡像
?export PATH=E:\sdk\fluttersdk\flutter\bin:$PATH?
? 然后將Flutter路徑設(shè)置到系統(tǒng)環(huán)境變量的path路徑下，注意到bin，不然可能不生效
? 在環(huán)境變量中添加兩個(gè)用戶變量，設(shè)置國(guó)內(nèi)鏡像，這樣會(huì)加快創(chuàng)建速度。
? PUB_HOSTED_URL=https://pub.flutter-io.cn
? FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
? ? 驗(yàn)證：打開(kāi)cmd中端，輸入flutter doctor，會(huì)自動(dòng)檢查flutter的運(yùn)行環(huán)境，并提示結(jié)果，會(huì)慢一點(diǎn)
? ? ? ?flutter upgrade? ?//升級(jí)flutter
? ?flutter的各個(gè)channel的區(qū)別及切換
? ?Stable:穩(wěn)定版，近一年中最好的beta版本
?Beta:測(cè)試版，每隔幾周都會(huì)選近幾個(gè)月最好的dev版本作為Beta版。
? dev:最新的經(jīng)過(guò)完全測(cè)試的版本，包含新功能，但可能有一些問(wèn)題
? master:最新版，未經(jīng)測(cè)試。
開(kāi)發(fā)建議使用dev版本，切換channel：flutter channel dev?
3.下載Dart的sdk
地址：https://github.com/dart-lang/sdk/
在Android Studio的Settings中配置flutter和dart的sdk路徑：
然后就可以創(chuàng)建一個(gè)Flutter Project，可以看到會(huì)有一個(gè)簡(jiǎn)單的例子，切到android下：
flutter_app里只有一個(gè)main.dart，應(yīng)該就是通用的那臺(tái)跨平臺(tái)的代碼，flutter_app_android則是跑在Androi上的demo環(huán)境，點(diǎn)擊綠色的run即可在手機(jī)上看到效果。
