安裝 Flutter

下載 Flutter

運行如下命令，從 GitHub 下載 Flutter:

$ git clone https://github.com/flutter/flutter.git

配置環(huán)境變量 - Windows

• Path 條目下的配置

“控制面板>用戶帳戶>用戶帳戶>更改我的環(huán)境變量”。在“用戶變量”下“Path”條目:添加 flutter\bin 的全路徑。

• 添加條目

PUB_HOSTED_URL https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn

配置環(huán)境變量 - Mac

• 找到或者新建 /Users/inbasiszyn/.bash_profile 文件
• 填入$ export PATH=/你的flutter文件夾所在位置/flutter/bin:$PATH
• 執(zhí)行 source ~/.bash_profile 設(shè)置即生效

  由于終端zsh執(zhí)行的是.zprofile文件，需要在.zprofile文件添加source ~/.bash_profile，否則終端重啟之后即找不到flutter，VSCode等工具也無法使用flutter SDK。

  • 配置Dart環(huán)境給VSCode使用：.bash_profile 填入$ export PATH=/你的flutter文件夾所在位置/flutter/bin/cache/dart-sdk/bin:$PATH，flutter 1.9 之后默認(rèn)帶dart環(huán)境。

添加依賴

執(zhí)行如下命令：
$ flutter doctor

成功之后，如果提示 flutter 版本太舊需要更新，就執(zhí)行命令 $ flutter upgrade 更新。

使用 Android Studio 創(chuàng)建 Flutter 項目

配置 Android Studio

在 Android Studio 歡迎頁右下角，點擊 Configure ，選擇 Settings > Plugins > Browse repositories , 搜索 flutter 插件并安裝，提示需要同時安裝 dart 插件的時候選擇 yes。如果安裝 dart 失敗，可以先去搜索 dart 插件并安裝，然后再安裝 flutter 插件。安裝成功，重啟 android studio ，歡迎頁出現(xiàn) Start a new Flutter project 選項。

創(chuàng)建 flutter 項目

1. 選擇 Flutter Application 創(chuàng)建項目，其余兩個為 Plugin 和 Package。
2. 設(shè)置項目名稱、項目路徑、項目介紹， 默認(rèn) Flutter SDK 路徑無誤無需更改。
3. 設(shè)置包名，點擊 “Finish”。

參考

• Flutter 中文網(wǎng)：在Windows上搭建Flutter開發(fā)環(huán)境