Win10 + Android studio + Flutter 环境配置

Flutter环境搭建

由于Flutter的跨平台统一UI的特性,所以来学习学习,长长见识。

Flutter SDK下载

由于大家都要文明上网,所以这里就使用的国内的相关配置
使用国内gitee来clone项目,选择只克隆主分支代码,等待克隆完成
git clone -b master https://gitee.com/mirrors/Flutter.git

配置国内镜像路径

Win10 + Android studio + Flutter 环境配置
Win10 + Android studio + Flutter 环境配置
在Path环境变量中增加一个配置,设置内容为flutter sdk 的路径下的bin目录Win10 + Android studio + Flutter 环境配置
配置完后,需要重新打开PowerShell

环境测试

在PowerShell中执行 flutter doctor
Win10 + Android studio + Flutter 环境配置
执行需要等待一段时间,完成后根据错误一一解决

警告和错误说明

4.1首先出现的是说我们某些licenses没有允许,这个可以忽略,也可以按下面步骤操作。

[!] Android toolchain - develop for Android
devices (Android SDK version 29.0.3)

! Some Android
licenses not accepted. To resolve this,
run: flutter doctor --android-licenses

按照提示操作,执行指令

flutter doctor --android-licenses
Win10 + Android studio + Flutter 环境配置
选择Y,查看未允许的协议

出现类似
Win10 + Android studio + Flutter 环境配置一个个选y就可以了。

4.2这个是跟Android
Studio相关的错误,提示我们没有安装Flutter和Dart插件

[!] Android Studio (version 3.6)
X Flutter plugin not installed; this adds Flutter specific functionality.
X Dart plugin not installed; this adds Dart specific functionality.

a) 在Android studio中安装flutter插件
作用:支持Flutter开发工作流 (运行、调试、热重载等).
Win10 + Android studio + Flutter 环境配置
b) 在Android studio中安装Dart插件,容易下载失败/(ㄒoㄒ)/~~

作用:提供代码分析 (输入代码时进行验证、代码补全等).
Win10 + Android studio + Flutter 环境配置
插件安装完成后,要重启Android studio才生效。

4.3最后一个是指当前没有连接到设备,这个通常可以忽略,等开发调试的时候再去连接设备即可,到时候直接用flutter devices 去检测设备的连接情况即可。

[!] Connected device
! No devices available

连接设备后,使用flutter devices如下出现设备列表,及说明设备连接成功:
Win10 + Android studio + Flutter 环境配置

创建一个Flutter工程

1.打开Android studio ,通过
File->New->New Flutter Project 来 创建一个Flutter Project,会出现如下弹窗, 我们选择第一个,创建一个应用。
Win10 + Android studio + Flutter 环境配置我们选择Flutter Application,进入下一步
Win10 + Android studio + Flutter 环境配置

  1. 这里Project name 输入项目名称。
  2. Flutter SDK path 就选择我们前面第一步 git clone 下来的代码路径即可,如果没有做前面的第一步,可以通过 Install SDK 去安装。
  3. Project location 就是设置项目的存放路径。 Description 就是一个简单的说明。
  4. 还有一个勾选按钮,Create project office 就是问是不是要离线创建项目。创建离线项目就不需要联网下载一些新资源和库了。

然后点击next进入下一步:
Win10 + Android studio + Flutter 环境配置

  1. 设置app包名
  2. 选择是否使用Androidx的支持库,Androidx是谷歌用来替代旧有的supper包的库,并且新增了许多组件,这里我勾选它。
  3. 询问是否需要kotlin支持Android代码开发,
  4. 询问是否需要swift来支持ios的代码开发

根据自身需要进行选择,然后 Finish就完成了项目创建。

运行项目

Win10 + Android studio + Flutter 环境配置

点击run 按钮运行项目后,控制台会打印相关的编译输出
第一次运行会非常非常非常非常久。。。。。。
Win10 + Android studio + Flutter 环境配置

安装完成后,手机端会出现对应的app安装请求,或者直接安装到手机中
手机展示画面如下
Win10 + Android studio + Flutter 环境配置