前一陣子峡眶，flutter beta版本的發(fā)布覆山，應(yīng)該是又要引起前端的技術(shù)的大洗牌了感混，按照技術(shù)達(dá)人狐神大哥的話來說："他! 就是他端幼，原來的都操了不要，就搞他, ?重構(gòu)!"
所以flutter究竟是解決了什么世紀(jì)難題弧满，僅僅一個beta版本就如此之轟動婆跑？
大家是知道的，做一個App庭呜，前端部分就需要Andriod和IOS兩套代碼來滿足不同的手機(jī)用戶滑进，光憑這一點，App應(yīng)用的開發(fā)就夠嗆募谎，更不說各種適配扶关，各種兼容，各種blablabla数冬。
俗話說得好节槐，懶惰是這個世界進(jìn)步的源泉，一個app要開發(fā)維護(hù)2套代碼這么反人類的事情拐纱，各位大佬怎么看得下去铜异？所以，為了人類變得更加的懶惰秸架，google祭出了黑科技-flutter
官方對flutter的關(guān)鍵句
"Flutter is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase."
簡單的來說：
1. ?apps for iOS and Android, from a single codebase
?????跨平臺性 - 簡單的來說就是一套代碼揍庄，通吃Andriod和IOS兩個平臺。學(xué)一個技術(shù)东抹，直接吃掉Andriod+IOS的APP開發(fā)蚂子，那么便宜的事情沃测，想想都有點小激動？
2. high-performance?
????超高的性能 - flutter的官方編程語言是Dart食茎，你不用知道什么是Dart芽突，只需要記住，Dart是編譯型語言董瞻，最后的編譯結(jié)果是 ? ? ?????????????AOT (Ahead Of Time) native code寞蚌，直接干底層, 怕不怕？(有可能在不久的將來替代js）
3.??high-fidelity
????高保真 - flutter有自己御用的UI庫（默認(rèn)支持?Material Design ）钠糊，能最大限度的保證一套代碼能在Andriod和IOS端做到最大程度的界面統(tǒng)一挟秤。來感受下：
簡短的總結(jié)： 這都不是優(yōu)雅不優(yōu)雅的問題了，就是好用抄伍，就是吊八腋铡！
這么吊的東西截珍，那我們先跑個demo來干吧攀甚。
開發(fā)系統(tǒng)：IOS ? ? ? ? ? ? IDE: VSCode
window的同學(xué)請移步魚丸大神的帖子：http://www.reibang.com/p/7cbf82b4854e
第一步：裝flutter sdk
尋個放項目的地方，然后打開terminal直接開擼, ?不要問為什么岗喉，一行一行碼就行了
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
exportPATH="$PWD/flutter/bin:$PATH"
cd./flutter
flutter doctor
照著這個來一遍, 下載flutter sdk的時候可能會卡秋度，會中途出錯，多試幾次就ok了钱床。
然后運行
flutter doctor
這里以后荚斯，termial會自動提示你有什么東東沒裝的，主要是Andriod SDK, xcode等等查牌，比較暴力的解決方法就是事期，直接下載Andriod stuido, 和 xcode， 然后安裝完就ok了纸颜。
然后在VScode中兽泣， 安裝dart插件
然后直接輸入命令：
flutter create myApp(項目名稱）
打開一個模擬器：
open -a Simulator.app?
創(chuàng)建好你的項目后，進(jìn)入項目目錄胁孙，然后直接：?
flutter run
你的第一個flutter app就跑起來了唠倦！
這里有個小坑，如果你在項目目錄下無法使用 flutter run或者flutter相關(guān)指令的時候浊洞，返回其上級目錄
運行?export PATH=`pwd`/flutter/bin:$PATH牵敷，然后再來一次
tip: 這個地方只是臨時指定的環(huán)境變量，你換了目錄就沒了- -!
在VScode中法希，常用指令：
1. ?r ? ? ? ? -hot load, ?黑科技枷餐，都懂得
2. R ? ? ? ?-重新load整個項目，需要R的時候苫亦，termial會給出很明確的提示的毛肋，注意下就好怨咪。
好勒，本次flutter簡介就到此結(jié)束
耐心看完本篇的小伙伴們都是真粉絲润匙，感謝大家捧場诗眨，下一篇我會介紹一些flutter的界面布局分享。對flutter感興趣的小伙伴可以關(guān)注我孕讳，也歡迎大家到我在簡書中創(chuàng)建的Flutter圈子中投稿匠楚，也可以聯(lián)系管理員加入我們的flutter微信群嗨聊。
