【Flutter】Android侧环境搭建

176 阅读2分钟

前言

本文只讲述Flutter Android这一侧的环境搭建

主要涉及的方面

  • JDK
  • Android Studio
  • Android SDK
  • Dart Plugin
  • Flutter Plugin
  • Flutter SDK(Dart SDK 已集成在这里边,无需关注,开箱即用)
  • 其他配置

下载IDE

本文基于Android Studio,至于Android Studio的安装教程这里就不再详述了,现在的Android Studio 都是和JDK、Android SDK整合在一起,无需额外安装

下载插件

启动Android Studio后 按File-Settings-Plugins-Marketplace的顺序找到插件市场 在插件市场搜索DartFlutter俩插件,搜到后点击install按钮直接安装

微信截图_20220510102603.png

微信截图_20220510102636.png 安装插件完成后需要重启Android Studio。

下载SDK

  1. 点击右侧网址,去下载Flutter的SDK Flutter SDK releases | Flutter
  2. 下载完成后解压SDK到你想要的位置
  3. 将SDK下bin文件夹的路径追加到环境变量Path后面
  4. 环境变量设置好之后,打开命令行执行flutter doctor命令启动SDK自检流程,自动验证当前Flutter的开发环境是否齐备,如果配置后不好使,尝试重启一下电脑

环境变量配置 微信截图_20220510140947.png

自检结果 微信截图_20220510141809.png

  • 第一条对勾代表SDK安装成功
  • 第二条验证本地Android工具链
  • 第三条验证Flutter web开发环境(与移动端开发无关)
  • 第四条验证Flutter 桌面程序开发环境(与移动端开发无关)
  • 四五条,第六条验证Android Studio的安装
  • 第七条验证本地安装的IDEA(与移动端开发无关)
  • 第八条验证当前这台电脑连接的设备
  • 第九条验证google的maven库能否连上(虽然打岔,但是影响不大) 每一条说的都很清楚,还有具体的解决方法比如第二条,让我去执行flutter doctor --android-licenses

配置镜像

将官方提供给中国开发者的镜像地址配置到用户变量里 这些网址是Flutter正常编译运行,还有下载开源Flutter组件必不可少的

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

Windows环境如下图操作

微信截图_20220510113423.png

创建Flutter项目

回到Android Studio,此时多了一个选项,就他了

微信截图_20220510142652.png

指定Flutter SDK位置

微信截图_20220510142839.png

设置项目信息,项目名需要小写或下划线

微信截图_20220510143240.png

Next!Next!基于Android Studio的Flutter项目就创建好了

微信截图_20220510143614.png

全文Over!