2. Flutter配置編輯器 & 體驗

一、Android Studio 安裝

Android Studio, 3.0或更高版本.

或者,也可以使用IntelliJ:

IntelliJ IDEA Community, version 2017.1或更高版本.
IntelliJ IDEA Ultimate, version 2017.1 或更高版本.

二、安裝Flutter和Dart插件

Flutter插件: 支持Flutter開發工作流 (運行、調試、熱重載等).
Dart插件: 提供代碼分析 (輸入代碼時進行驗證、代碼補全等).

1. 啓動Android Studio.
2. 打開插件首選項 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
3. 選擇 Browse repositories…, 選擇 Flutter 插件並點擊 install.
4. 重啓Android Studio後插件生效.

在這裏插入圖片描述

三、創建新應用

  1. 選擇 File>New Flutter Project
  2. 選擇 Flutter application 作爲 project 類型, 然後點擊 Next
  3. 輸入項目名稱 (如 myapp), 然後點擊 Next
  4. 點擊 Finish
    等待Android Studio安裝SDK並創建項目.
    在項目目錄中,您應用程序的代碼位於 lib/main.dart

四、運行應用程序

  1. 定位到Android Studio 工具欄:
    在這裏插入圖片描述
  2. 在 target selector 中, 選擇一個運行該應用的Android設備. 如果沒有列出可用,請選擇 Tools>Android>AVD Manager 並在那裏創建一個
  3. 在工具欄中點擊 Run圖標, 或者調用菜單項 Run > Run.
  4. 如果一切正常, 您應該在您的設備或模擬器上會看到啓動的應用程序
    在這裏插入圖片描述

五、體驗熱重載

Flutter 可以通過 熱重載(hot reload) 實現快速的開發週期,熱重載就是無需重啓應用程序就能實時加載修改後的代碼,並且不會丟失狀態(譯者語:如果是一個web開發者,那麼可以認爲這和webpack的熱重載是一樣的)。簡單的對代碼進行更改,然後告訴IDE或命令行工具你需要重新加載(點擊reload按鈕),你就會在你的設備或模擬器上看到更改。

  1. main.dart中將字符串
    ‘You have pushed the button this many times:’ 更改爲
    ‘You have clicked the button this many times:’
  2. 不要按“Stop”按鈕; 讓您的應用繼續運行。
  3. 要查看您的更改, 只需調用 Save All (cmd-s / ctrl-s), 或點擊 熱重載按鈕 (帶有閃電⚡️圖標的按鈕).
    你就會立即看到更新後的字符串。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章