《Flutter攻略》之環(huán)境搭建

系統(tǒng)要求

目前Flutter只能在Mac和Linux(64位)上工作溯革,使用windows的同學可能要借助虛擬機來進行學習漾脂。

安裝Flutter SDK

這一步其實很簡單兢榨,就是將Flutter在github上的源碼整個clone下來,在適當的目錄執(zhí)行??命令:

$ git clone https://github.com/flutter/flutter.git
$ export PATH=`pwd`/flutter/bin:$PATH

接著運行:

$ flutter doctor

??這個命令會告訴你你的flutter還缺少什么依賴窥突,輸出如下:

接著運行:

$ flutter

第一次運行flutter它會自動下載一些依賴,并且進行自動編譯硫嘶。隨后再次運行flutter就會跳過這些步驟阻问。

Google Analytics的配置

安裝完flutter以后google analytics默認是自動打開的,如果有同學不喜歡flutter在后臺默默上傳你的使用數據和錯誤信息可以選擇關閉:

$ flutter config --no-analytics

Android 環(huán)境搭建

Android環(huán)境搭建相對簡單沦疾,這里就不贅述了称近,做過Android開發(fā)的小伙伴應該都有現(xiàn)成的環(huán)境第队。大體步驟是:

  • 安裝Android Studio
  • 下載Android Sdk

Android設備

這里使用真機和模擬器都OK,但要注意Android版本要大于等于4.1刨秆。

Flutter IntelliJ 插件安裝

Flutter提供了IntelliJ的插件凳谦,安裝方法如下:

首先是安裝IntelliJ,官方下載地址衡未。

接著需要安裝Dart和Flutter兩個插件尸执,其中dart用于代碼的分析,flutter用于工程的編譯等工作:

進入Preference中的Plugins設置模塊缓醋,點擊Browse repositories如失,查找dart和flutter并安裝。

接著在Preferences中的Languages & Frameworks中對dart和flutter進行sdk路徑配置送粱。sdk路徑參考你的機器褪贵。

第一個Flutter App

到這里,F(xiàn)lutter的開發(fā)環(huán)境基本配置完成抗俄,下面我們跑一個小例子脆丁。

選擇Flutter接著next,

來一個喜聞樂見的hello_flutter动雹,點擊Finish槽卫。

如果你連接著Android設備的話,右上角就會有此設備的選項洽胶,

點擊綠色的三角形晒夹,我們第一個Flutter app就成功在手機上跑起來了。

用命令行編譯hello_flutter

上述flutter的插件給我們提供了方便的編譯手段姊氓,但如果要編譯release怎么辦呢?這里就用到了flutter命令喷好。

進入hello_flutter目錄下,我們查看一下flutter有哪些命令:


其中正好有我們想要的run命令翔横,接著查看run命令的幫助:

看到這里的release吧,接著使用flutter run --release就能編譯出release版本了梗搅,release版本的app比debug的app在性能和穩(wěn)定性上都有所提升禾唁。

總結

這篇文章主要和大家學習了一下Flutter的環(huán)境搭建和在intelliJ下的使用。在最后還學習了下如何用命令行來編譯flutter app无切。在上一節(jié)中的那個官方demo大家不妨自己試著編譯一下荡短。其工程路徑是flutter/examples/flutter_gallery

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末哆键,一起剝皮案震驚了整個濱河市掘托,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌籍嘹,老刑警劉巖闪盔,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件弯院,死亡現(xiàn)場離奇詭異,居然都是意外死亡泪掀,警方通過查閱死者的電腦和手機听绳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來异赫,“玉大人椅挣,你說我怎么就攤上這事∷” “怎么了贴妻?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蝙斜。 經常有香客問我名惩,道長,這世上最難降的妖魔是什么孕荠? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任娩鹉,我火速辦了婚禮,結果婚禮上稚伍,老公的妹妹穿的比我還像新娘。我一直安慰自己个曙,他們只是感情好锈嫩,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著垦搬,像睡著了一般呼寸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上猴贰,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天对雪,我揣著相機與錄音,去河邊找鬼米绕。 笑死瑟捣,一個胖子當著我的面吹牛,可吹牛的內容都是我干的栅干。 我是一名探鬼主播迈套,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼碱鳞!你這毒婦竟也來了桑李?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎芙扎,沒想到半個月后星岗,有當地人在樹林里發(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡戒洼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年俏橘,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片圈浇。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡寥掐,死狀恐怖,靈堂內的尸體忽然破棺而出磷蜀,到底是詐尸還是另有隱情召耘,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布褐隆,位于F島的核電站污它,受9級特大地震影響,放射性物質發(fā)生泄漏庶弃。R本人自食惡果不足惜衫贬,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望歇攻。 院中可真熱鬧固惯,春花似錦、人聲如沸缴守。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽屡穗。三九已至贴捡,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鸡捐,已是汗流浹背栈暇。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留箍镜,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓煎源,卻偏偏與公主長得像色迂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子手销,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,509評論 25 707
  • UITextField相信很多的iOS開發(fā)者都會經常用到, 最近項目中遇到了一個問題.我把UITextField當...
    sixleaves閱讀 3,749評論 7 10
  • 當提到“管理”的時候歇僧,相信大家腦海中立刻會出現(xiàn)諸如績效,控制,成本估算诈悍,計劃等關聯(lián)詞祸轮;讓人感覺這個概念總是與公司經...
    FreddyHao閱讀 652評論 0 1
  • 繞耳的歌聲似你我故事 切下一歌又有相同軌跡 你是長夜無眠孤獨期望的燈火 好像都沒有誰去守候 天亮,各自都離守侥钳。 看...
    落影單人行閱讀 229評論 2 2
  • 7.22 在家呆了一整天适袜,天黑才出去看電影 看了《大護法》,其實也沒有什么感覺 最近自己有點不愿意思考了 即使一個...
    玫瑰花名未知閱讀 218評論 0 0