Windows上面搭建Fluttter Android运行环境

  • 安装配置Java JDK
  • 下载安装Android Studio
  • 安装配置Flutter SDK
  • 电脑上配置Flutter国内镜像(不是必须的)
  • Android Studio安装Flutter插件
  • 新建一个FLutter项目


安装配置Java JDK

JDK安装配置

下载安装Android Studio

AS安装教程AS官方下载链接国内下载社区

安装配置Flutter SDK

  1. 下载Flutter SDK

Flutter下载地址

mac打包flutter ios项目 flutter用windows打包到ios_android studio

  1. 下载完成后解压到一个文件夹(不要带有中文字符)
  2. 打开到Flutter的bin目录,复制文件路径
  3. mac打包flutter ios项目 flutter用windows打包到ios_android studio_02

  4. 在电脑系统变量Path变量下添加刚才复制的路径
  5. mac打包flutter ios项目 flutter用windows打包到ios_mac打包flutter ios项目_03

  6. 检查是否配置成功可以在命令行窗口下输入flutter -v
  7. mac打包flutter ios项目 flutter用windows打包到ios_flutter_04

  8. 出现上面界面表示配置成功

电脑上配置Flutter国内镜像(不是必须的)

搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在国内访问Flutter的时候又可能会受到限制,Flutter官方为我们提供了国内镜像
https://flutter-io.cn/https://docs.flutter.dev/community/china

拉到 Flutter 中文网最下面有配置方式,把下面两句配置到环境变量里面

变量名

变量值

FLUTTER_STORAGE_BASE_URL

https://storage.flutter-io.cn

PUB_HOSTED_URL

https://pub.flutter-io.cn

mac打包flutter ios项目 flutter用windows打包到ios_android_05

mac打包flutter ios项目 flutter用windows打包到ios_mac打包flutter ios项目_06


检查是否配置成功可以命令行输入输入flutter doctor

mac打包flutter ios项目 flutter用windows打包到ios_android studio_07


在第一次运行时会出现上面的问题,按照提示输入flutter doctor --android-licenses指令,发现又报了错误,对错误信息进行百度,解决方法就是在Android Studio里面SDK中安装Android SDK command line tool(latest),参考了这篇博客,然后再次输入命令,然后根据提示输入y就可以了

mac打包flutter ios项目 flutter用windows打包到ios_android_08


mac打包flutter ios项目 flutter用windows打包到ios_android_09


再次输入命令如图

mac打包flutter ios项目 flutter用windows打包到ios_flutter_10


镜像配置完成!!!!

Android Studio安装Flutter插件

进入Android Studio

mac打包flutter ios项目 flutter用windows打包到ios_dart_11


点击Configure——》plugins

mac打包flutter ios项目 flutter用windows打包到ios_android_12


安装flutter

mac打包flutter ios项目 flutter用windows打包到ios_android_13


安装完成后重启AS发现出现了新建flutter项目的选项

mac打包flutter ios项目 flutter用windows打包到ios_android_14

新建一个FLutter项目

mac打包flutter ios项目 flutter用windows打包到ios_mac打包flutter ios项目_15


mac打包flutter ios项目 flutter用windows打包到ios_dart_16


mac打包flutter ios项目 flutter用windows打包到ios_android_17


mac打包flutter ios项目 flutter用windows打包到ios_flutter_18


点击finfish

mac打包flutter ios项目 flutter用windows打包到ios_dart_19


注意这还不是我们要运行的项目

点击左上角file然后open选择项目下的安卓目录运行

mac打包flutter ios项目 flutter用windows打包到ios_android_20


进入到下面界面,第一次进入会有一些东西需要下载,如果下载失败的话可以尝试连接手机热点或是科学上网

mac打包flutter ios项目 flutter用windows打包到ios_dart_21


下载完成后

mac打包flutter ios项目 flutter用windows打包到ios_android_22


打开虚拟机运行第一个Android flutter项目

mac打包flutter ios项目 flutter用windows打包到ios_android studio_23


到这里Android Flutter开发环境就搭建完成啦