很長的一段時(shí)間里，提到移動(dòng)開發(fā)，首先想到的就是ios和android兩大陣營，不過最近的一年多里面，發(fā)生了些可能會(huì)改變移動(dòng)開發(fā)格局的事情，自從Google發(fā)布了Flutter1.0 開始 ，到前段時(shí)間的Flutter1.2版本 ，F(xiàn)lutter的熱度從未消退，號稱能同時(shí)完美運(yùn)行在ios和android系統(tǒng)，甚至于Google未來的Fuchsia ，眾所周知，android系統(tǒng)從發(fā)布時(shí)起就一直是在開源，導(dǎo)致android生態(tài)環(huán)境混亂，再加上歐盟對Google開出的天價(jià)罰單，種種跡象表明，android可能真的要被Google棄用了

早在2017年底就看到過有關(guān)Flutter的文章，但是當(dāng)時(shí)1.0版本還未發(fā)布，終于，在發(fā)布了幾個(gè)beta版本之后，2018年Flutter1.0版本上線了，一直以來Google發(fā)布的東西，基本上都會(huì)引起轟動(dòng)，所以Flutter自發(fā)布以來，就成了萬眾矚目的焦點(diǎn)，今天，是時(shí)候分享下Flutter的相關(guān)知識了

工欲善其事，必先利其器 ， Flutter開發(fā)第一步肯定還是環(huán)境搭建 ，Flutter中文網(wǎng) 是目前中國最大的Flutter學(xué)習(xí)社區(qū) ,也可以訪問Flutter官方平臺(tái) ； 本篇介紹的是windows環(huán)境下的配置步驟

1. 設(shè)置Flutter鏡像（上海交大）
如果你的網(wǎng)絡(luò)沒有被和諧，那么請忽略使用鏡像 ； 在windows（mac環(huán)境下是export）用戶環(huán)境變量中配置以下路徑

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

2. 獲取Flutter SDK
與android不一樣的是，F(xiàn)lutter需要自己的sdk，Github上面可以下載 ，這是官方發(fā)布的版本

3 . 配置環(huán)境變量
下載完SDK后，將flutter的bin目錄配置到環(huán)境變量中

4. 環(huán)境檢測
打開系統(tǒng)命令行cmd , 運(yùn)行flutter doctor檢測本地環(huán)境

可以看到，上面列出了4項(xiàng)配置，而且前面都是以對號開頭的 ， 因?yàn)槲乙呀?jīng)配置過了，所以都是對號，但是如果你沒有配置 過，會(huì)在Flutter plugin 和 Dart plugin 前面顯示 × 的 ， 因?yàn)镕lutter開發(fā)語言是Dart，所以這時(shí)候就需要你啟動(dòng) AndroidStudio配合設(shè)置了

打開AS后，依次點(diǎn)擊工具欄的 file/settings/plugins/Browse Repositories , 搜索flutter , 點(diǎn)擊安裝 ， 此時(shí)會(huì)提示你安裝dart , 點(diǎn)擊同意即可 ，安裝完成后重啟AS， 此時(shí)在命令行終端再次運(yùn)行flutter doctor ，發(fā)現(xiàn)已經(jīng)配置好了

至此，flutter開發(fā)環(huán)境已經(jīng)搭建好了，現(xiàn)在你可以點(diǎn)擊AS工具欄的 file /new / New Flutter Project

接下來就跟原生一樣的配置了，點(diǎn)擊Next設(shè)置app信息即可，flutter創(chuàng)建項(xiàng)目會(huì)默認(rèn)生成一些代碼，這只是個(gè)演示界面，刪除即可，F(xiàn)lutter的開發(fā)語言是Dart,如果你對Dart還不了解，可以到Dart中文網(wǎng) 補(bǔ)充能量

現(xiàn)在點(diǎn)擊Run部署到手機(jī)上試試吧