都說程式猿學習是不分平臺的,做了一輩子的Xaml,也想看看現在最牛逼的移動技術。 看了看Google 的Flutter,好像很牛逼,不怎麼需要Android和IOS基礎(應該還是要的), 不過現在是Beta版本,但是又說跟Fuschia 有關係,又是一個很牛逼的東西。 於是下載來品嘗一下。 先上幾個 ...
都說程式猿學習是不分平臺的,做了一輩子的Xaml,也想看看現在最牛逼的移動技術。
看了看Google 的Flutter,好像很牛逼,不怎麼需要Android和IOS基礎(應該還是要的),
不過現在是Beta版本,但是又說跟Fuschia 有關係,又是一個很牛逼的東西。
於是下載來品嘗一下。
先上幾個網址:
雖然是Beta版本,但是可以查資料的地方還是蠻多的。(吐槽下我軟)
還有很多地方。知乎,簡書,博客,不過有些問題需要科學上網。不知道最近說的Google要來中國靠譜不,希望起碼讓我們這些程式猿查資料不那麼難吧。
開始:
肯定選Windows,畢竟是軟粉
安裝Git,預設是選1,
這就會導致最後使用AndroidStudio生成Flutter項目的時候報錯:android studio flutter create command was unsuccessful
各種網上查沒有結果,後面靈機一動,重裝Git的時候註意到這個細節。完美安裝成功
安裝好之後開始執行:
git clone -b beta https://github.com/flutter/flutter.git
把flutter clone到本地來:預設路徑是C:\Users\你的賬戶\flutter.
接下來配置你的環境
控制面板-用戶賬戶和家庭安全-用戶賬戶-左邊更改我的環境變數
新建2個
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
在PAHT 變數裡面 新增 C:\Users\你的賬戶\flutter\bin
重啟電腦。。。讓配置生效
下載Android Studio 安裝完畢之後.
Configure-Plugins 在搜索框中輸入flutter然後點擊
這裡可能會搜索不到,在網上看了一下。需要做一個設置 到Settings 裡面的按照下圖的路徑 找到Updates ,把Use secure connection前面的√去掉
下載的時候會提醒下載Dart。。這是Flutter框架的語言。一起下載好之後。
打開GitCMD 輸入
flutter doctor
就是檢查你的Flutter的環境搭建成功沒有, 然後根據提示來操作(現在應該就只有幾個license需要接受下,一路Y就好了)
再次來到android studio 可以看到 已經有創建Flutter project的選項
下麵我們就創建第一個Flutter 項目(plugin和package 後面講),吐槽一下creating過程有點慢
喝杯水再來。。。創建好的項目如下圖。。啟動頁面在mian.dart
如果你是想用模擬器的。。請確保你的CPU支持Virtualization 你可以進去BIOS設置開啟。。
啟動當中說沒有Intel HAXM。。好吧。又去下載 HAXM
如果你用安卓真機調試,註意開啟手機的開發者模式和允許USB安裝,沒有識別出驅動的去下載ADB Driver
經過漫長的(被牆真是尷尬)
你的第一個Flutter 程式啟動了起來。。一個很簡單的Demo。。點擊按鈕增加數字。。你可以玩一下Hot Reload。。修改下代碼。。點那個閃電。。很快就能體現在應用上了。。
哎呦不錯哦。