1 安裝Flutter
Flutter的安裝可以參照Flutter官網(wǎng),下載SDK到本地


因為Flutter的SDK中包含了很多命令行工具。我們需要配置環(huán)境變量,所以建議你安裝到你平時放命令行工具程序的地方! 我這里安裝在了根目錄的opt下!(注意目錄權限)
/opt/flutter (僅供參考,安裝在哪里看你自己的習慣)
2 配置環(huán)境
2.1 配置鏡像
如果你使用默認的bash那么配置 ~/.bash_profile
如果使用的zsh()需要配置~/.zshrc
# Flutter鏡像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2.2 配置環(huán)境變量
#Flutter 配置
$ export FLUTTER=/opt/flutter/bin
$ export PATH=$FLUTTER:$PATH
配置完成后,重新打開終端或者輸入命令載入配置
$ source ~/.bash_profile
配置完成了之后,使用flutter doctor來檢測flutter環(huán)境的
$ flutter doctor

3.Android 環(huán)境配置
3.1 安裝Android Studio
Android官網(wǎng)下載安裝
3.2配置SDK
打開Android Studio,CMD+,進入設置,

3.3安裝flutter插件
Android Studio設置安裝flutter插件

安裝完成后重啟Android Studio??梢钥吹揭幌陆缑?/p>

3.4配置Android模擬器
Android自帶模擬器并不好用,使用一款國產(chǎn)的“夜神"模擬器NoxAppPlayer。裝好了重啟就可以用使用。


3.5 解決Gradle卡死問題
首次運行,會存在卡主不動的問題。原因是Gradle的Maven倉庫在國外,
Running Gradle task 'assembleDebug'...
所以我們要配置Gradle鏡像
1 修改項目的build.gradle文件
文件目錄:project? -- Android --?build.gradle
查找內容:查找buildscript和allprojects里面的
google()
jcenter()
修改為阿里云鏡像
maven{ url'https://maven.aliyun.com/repository/google' }
maven{ url'https://maven.aliyun.com/repository/jcenter' }
maven{ url'http://maven.aliyun.com/nexus/content/groups/public' }

2 修改Flutter安裝目錄中的flutter.gradle文件
文件路徑:/flutter/packages/flutter_tools/gradle/flutter.gradle

4. ios配置
ios使用flutter,需要安裝cocoapods