Flutter環境搭建

介紹

Flutter 是 Google 用以幫助開發者在 iOS 和 Android 兩個平臺開發高質量原生 UI 的移動 SDK。Flutter 兼容現有的代碼,免費且開源。使用Dart語言。

基於Android Studio環境搭建

支持flutter的IDE 目前有Android Studio、 IntelliJ、Visual Studio。

安裝 Flutter 和 Dart 插件

在Android Studio中安裝這兩個插件。

  • Flutter 插件可以提高 Flutter 在開發過程中的開發效率(運行,調試,熱重載等等)。
  • Dart 插件提提升了代碼層面的開發效率(在你敲代碼的同時進行代碼校驗,代碼自動補全等等)。

安裝步驟

  • 啓動 Android Studio。
  • 打開插件設置(在 macOS 上路徑爲 Preferences>Plugins,在 Windows 和 Linux 上路徑爲 File>Settings>Plugins)。
  • 當彈出對話框提示要安裝 Dart 插件的時候,點擊 Yes 接受。
  • 如果彈出 Restart 需要重啓編輯器的時候,點擊 Yes 接受。
    創建Flutter項目
    【注意】
    第一次運行時候要選擇指定的文件夾,然後點擊install SDK 來安裝Flutter SDK環境,可能需要下載一會。

Hello Word

在Android Studio中創建項目的時候會有New Flutter Project選項這時候如果本地沒有Flutter環境的話 會讓你下載。

創建後可以看到IDE的右上角有些功能按鈕。
項目目錄結構
可以看到這裏不但有Android的目錄,還有iOS的目錄,運行的時候如果有iOS設備以及模擬器的話 是可以直接選擇運行的。

右側閃電的標誌支持熱重載編譯運行。

運行效果

由於我是mac電腦,特意選了一個iOS模擬器,在Android Studio直接運行在iOS設備上還是很爽的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章