Flutter 基礎準備

一、環境安裝

下載Flutter SDK

https://flutter.cn/docs/get-started/install/windows

將壓縮包解壓，然後把其中的 flutter 目錄整個放在你預想的 Flutter SDK 安裝目錄中（請勿將該目錄放在一些需要額外操作權限的目錄）。

修改path環境變量

    在開始菜單的搜索功能鍵入“env”，然後選擇 編輯當前用戶的環境變量， flutter\bin 目錄的完整路徑以 ; 作爲分隔加到已有的值後面

flutter doctor 環境檢查

 

注意 以下提示 是Intellij IDEA，如果使用Sutido 按照 文中所述配置完成即可。

[!] IntelliJ IDEA Ultimate Edition (version 2019.3)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.

使用android studio 配置

 

配置完成，重啓 新建項目

 

二、瞭解目錄結構

┬
└ projectname
  ┬
  ├ android      - Android部分的工程文件(存放的是Flutter與android原生交互的一些代碼，同單獨創建的android項目一樣)
  ├ build        - 項目的構建輸出目錄
  ├ ios          - iOS部分的工程文件
  ├ lib          - 項目中的Dart源文件
    ┬
    └ src        - 包含其他源文件
    └ main.dart  - 自動生成的項目入口文件，類似RN的index.js文件
  ├ test         - 測試相關文件
  └ pubspec.yaml - 項目依賴配置文件，比如配置依賴庫或者本地資源。