Dart4Flutter-拾遺01-flutter-dart環境搭建

黃馬發表於2018-06-22
DartFlutter

Dart4Flutter-01 – 變數, 型別和 函式

Dart4Flutter – 02 –控制流 和異常

Dart4Flutter – 03 – 類和泛型

Dart4Flutter – 04 – 非同步和庫

Dart4Flutter-拾遺01-flutter-dart環境搭建

系統條件

  • 作業系統最好是win10，會影響PowerShell
  • PowerShell 5.0 以上：主要執行flutter 命令，注意不能用git console
  • git

配置Flutter SDK

  • 下載SDK 地址
  • 解壓，放在D盤
  • 雙擊更目錄下的flutter_console.bat檔案，就可以執行flutter的命令
  • 如果希望在其他任意路勁執行flutter命令，配置path。flutter\bin新增到path中
  • 執行flutter doctor,檢視安裝報告，根據提示安裝。當前只需要安裝下面的Android Studio其他的會一塊安裝。

安裝 Android Studio

  • 下載 地址

  • 預設安裝 Android Studio

  • 配置 Android Studio。flutter SDK 配置，dart SDK配置 flutter SDK 在D盤，dart SDK 在D:\flutter\bin\cache，分配在flutter和dart中配置路勁，其他的預設。

    image

  • 裝備Android裝置。開啟手機開發者模式，開啟USB除錯模式，連結手機到電腦。通過flutter devices檢測裝置是否連線成功。 有如下類似提，說明連線成功。

PS C:\Users\Administrator> flutter devices
1 connected device:

Redmi Note 3 • JNY969CI99999999 • android-arm64 • Android 5.0.2 (API 21)
複製程式碼

  • 建立demo工程 建立flutter工程的選單

    image
    建立專案的介面，第一個是建立flutter專案，第二個是建立flutter外掛，第三個是建立flutter相關的庫。 我們建立第一個。
    image
    簡單介紹建立的專案目錄
    image

  • 執行 點選右上角的綠色的三角，執行flutter 應用到手機上，如果開啟，說明整個flutter環境搭建成功，同時dart環境大家成功。

    image

  • 建立的dart檔案和執行dart程式 在bin資料夾上，點選右鍵，選擇new->Dart File,新增檔名字為test.dart.

    image
    在檔案中新增如下程式碼：

main() {
  print("hello world");
}
複製程式碼

在檔案中點選右鍵，選擇Run 'test.dart'.

image
控制檯輸出

Observatory listening on http://127.0.0.1:52457/

hello world

Process finished with exit code 0
複製程式碼

總結

整個過程比較長

  • Flutter SDK 的下載和配置
  • Android studio的配置

但是使用flutter開發app需要使用dart語言，所以在flutter的SDK中整合了dart的SDK。 所以現在學習配置flutter環境還是有必要的。

相關文章