一、開發環境的搭建

本文所示內容都是在Windows系統下進行的。

1、下載 Flutter SDK

Flutter 官網（https://docs.flutter.cn/release/archive?tab=windows）

或者通過 git clone -b master https://github.com/flutter/flutter.git 下載

2、配置環境變量

由于在國內訪問 Flutter 有時可能會受到限制，主要是配置以下三個地方

3、此外還需要下載

Android Studio（里面自帶了安卓SDK）

Visual Studio

4、檢查是否安裝完成

運行 flutter doctor 命令，如有缺失，根據結果安裝對應的東西即可

若是全局配置了 flutter，則任意終端運行皆有效果。

至此，環境安裝完成，接下來趕緊試試能不能行。

5、常用的flutter命令

（1）、flutter --help 查看所有 Flutter 命令

（2）、flutter --version 查看 Flutter 版本

（3）、flutter devices 查看當前可用的設備

（4）、flutter create 創建一個新的 flutter 應用

（5）、flutter run 啟動程序

二、創建并運行 Flutter 應用

1、打開vscode

安裝 Flutter 和 dart 插件，這樣后續敲代碼便有了一些快捷提示。

2、創建一個新的應用

直接在 vscode 終端輸入命令創建

3、Flutter的工程目錄結構

如上圖所示簡單總結歸納一下使用頻率較高的：

（1）、flutter_demo：項目的名稱

（2）、android：Android 平臺相關代碼，后面配置 Android 的包名權限之類的都在此目錄下

（3）、iOS：iOS 平臺相關代碼，后面配置 iOS 的權限在此目錄下

（4）、lib：主要代碼目錄，其目錄下的 main.dart 便是入口文件

（5）、pubspec.yaml：項目描述文件，包含了項目的描述信息以及所需要的依賴的庫

4、運行應用

在終端輸入 flutter run 命令，這樣就運行起來了。

可以通過r或者R實現熱重載（hot reload） 實現快速效果預覽。

熱重載是無需重啟應用程序就能實時加載修改后的代碼，并且不會丟失狀態，這和 webpack 的熱重載類似。

– 歡迎點贊、關注、轉發、收藏【我碼玄黃】，gonghao同名