Flutter試駕(安裝)

Flutter試駕(安裝)

安裝Flutter

以本人的為例:

  1. 操作系統(tǒng): macOS (64-bit)
  2. 磁盤(pán)空間: 700 MB

獲取Flutter SDK Clone Flutter repo

git clone -b beta https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export PATH=`pwd`/flutter/bin:$PATH

如果不需要翻墻國(guó)內(nèi)用戶設(shè)置就不需要設(shè)置,你懂的。

配置編輯器

Android Studio: 為Flutter提供完整的IDE體驗(yàn)

以Android Studio為例

  1. Android Studio, 3.0或更高版本.
  2. Flutter插件
  3. restart as

創(chuàng)建新Flutter應(yīng)用

  1. 選擇 File>New Flutter Project
tools
  1. 運(yùn)行起來(lái)就是一個(gè)正常的app,點(diǎn)擊按鈕計(jì)數(shù)增加(還是很簡(jiǎn)單的)

體驗(yàn)熱重載

Flutter 可以通過(guò) 熱重載(hot reload) 實(shí)現(xiàn)快速的開(kāi)發(fā)周期,熱重載就是無(wú)需重啟應(yīng)用程序就能實(shí)時(shí)加載修改后的代碼,并且不會(huì)丟失狀態(tài)(譯者語(yǔ):如果是一個(gè)web開(kāi)發(fā)者,那么可以認(rèn)為這和webpack的熱重載是一樣的)。簡(jiǎn)單的對(duì)代碼進(jìn)行更改,然后告訴IDE或命令行工具你需要重新加載(點(diǎn)擊reload按鈕)

  1. 將字符串
    'You have pushed the button this many times:' 更改為
    'You have clicked the button this many times:'
  2. 不要按“Stop”按鈕; 讓您的應(yīng)用繼續(xù)運(yùn)行。
  3. 要查看您的更改, 只需調(diào)用 Save All (cmd-s / ctrl-s), 或點(diǎn)擊 熱重載按鈕 (帶有閃電??圖標(biāo)的按鈕).
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,733評(píng)論 25 709
  • Flutter簡(jiǎn)介 Flutter是Google的移動(dòng)應(yīng)用程序SDK,在2018世界移動(dòng)大會(huì)上,Google發(fā)布了...
    賣(mài)萌的二師兄閱讀 14,428評(píng)論 9 14
  • 卡片三 李是寢室唯一一個(gè)沒(méi)保研的。 李大學(xué)前三年是按照高中老師說(shuō)的“大學(xué)就是天堂”的自我要求去過(guò)的,所以當(dāng)每次系里...
    dou啊閱讀 349評(píng)論 1 0
  • 這是個(gè)值得深思的問(wèn)題,這決定接下來(lái)的行動(dòng)方向。 從一個(gè)有未來(lái)觀的眼光來(lái)看,值得擁有的東西太少了。 思考這個(gè)問(wèn)題要先...
    法明_52d3閱讀 422評(píng)論 0 0
  • 開(kāi)發(fā)過(guò)程中有個(gè)地方使用了ViewStub,但是發(fā)現(xiàn)ViewStub調(diào)用setTranslationX之后并沒(méi)有任何...
    firzencode閱讀 1,867評(píng)論 0 0

友情鏈接更多精彩內(nèi)容