Flutter（一）环境配置

1.下载flutter的sdk

D:\kits\flutter 下
git clone -b alpha https://github.com/flutter/flutter.git

成功后，flutter的目录结构是这样的

QQ截图20180313144119.png

2.配置flutter的环境变量

QQ截图20180313141449.png

3.下载AndroidStudio3.0+版本

AndroidStudio中文社区

4.下载gradle4.1(AndroidStudio最低要求)

gradle4.1

5.配置AndroidStudio的gradle

QQ截图20180313142641.png

QQ截图20180313142838.png

6.配置AndroidStudio的Dart插件

File-Setting-Plugin 搜索Dart，然后install

QQ截图20180313143115.png

7.配置AndroidStudio的Flutter插件，注意需要先安装Dart。

QQ截图20180313143247.png

重启Studio 会显示这个界面

QQ截图20180313143522.png

7.打开命令行 执行flutter doctor ，自动安装环境配置，显示如下表示成功

QQ截图20180313141732.png

QQ截图20180313141807.png

8.打开AndroidStudio新建一个Flutter工程

QQ截图20180313143749.png

注意有个flutter的sdk设定，选中我们第一步的flutter目录即可

QQ截图20180313143914.png

配置环境变量，我用的是mac，所以这里说下mac的

参考文章：https://juejin.im/post/5b631d326fb9a04fce524db2

• 打开下方位置

  
  
  

  image.png
• 右键新建用户名文件夹的终端窗口
• 运行命令：open -e .bash_profile，这样会打开mac 的环境变量配置文件。
• 由于国内不可抗力，在访问pub库时需要配置下flutter的代理。

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

• 我的配置文件如下：

export PATH=/bin:/usr/bin:/usr/local/bin:/usr/local/sbin:~/bin:/sbin:$PATH
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_212.jdk/Contents/Home
export CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:
export FLUTTER_HOME=/Library/flutter
export RN=/usr/local/bin
export ANDROID_HOME=/Users/yourusername/Library/Android/sdk
export GRADLE_HOME=/Users/yourusername/gradle/gradle-5.4.1
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=$PATH:$JAVA_HOME/bin:$FLUTTER_HOME/bin:$RN:$ANDROID_HOME:$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$GRADLE_HOME/bin:$PUB_HOSTED_URL:$FLUTTER_STORAGE_BASE_URL

• 编辑完成后保存，然后关闭文件。
• 在命令行运行：source .bash_profile，更新配置，即生效。

9.运行app