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

Dart4Flutter-01 – 變量, 類型和 函數android

Dart4Flutter – 02 –控制流 和異常git

Dart4Flutter – 03 – 類和泛型windows

Dart4Flutter – 04 – 異步和庫api

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

系統條件

  • 操做系統最好是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

  • 下載 地址app

  • 默認安裝 Android Studio異步

  • 配置 Android Studio。flutter SDK 配置,dart SDK配置 flutter SDK 在D盤,dart SDK 在D:\flutter\bin\cache,分配在flutter和dart中配置路勁,其餘的默認。 函數

    image

  • 裝備Android設備。打開手機開發者模式,打開USB調試模式,連接手機到電腦。經過flutter devices檢測設備是否鏈接成功。 有以下相似提,說明鏈接成功。post

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環境仍是有必要的。

相關文章
相關標籤/搜索