Win10 + Android studio + Flutter 环境配置

Flutter环境搭建

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

Flutter SDK下载

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

配置国内镜像路径

PUB_HOSTED_URL = https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL = https://storage.flutter-io.cn
在Path环境变量中增加一个配置,设置内容为flutter sdk 的路径下的bin目录path + = flutter sdk 路径/bin
配置完后,需要重新打开PowerShell

环境测试

在PowerShell中执行 flutter doctor
flutter doctor的运行结果
执行需要等待一段时间,完成后根据错误一一解决

警告和错误说明

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
在这里插入图片描述
选择Y,查看未允许的协议

出现类似
在这里插入图片描述一个个选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开发工作流 (运行、调试、热重载等).
安装flutter插件
b) 在Android studio中安装Dart插件,容易下载失败/(ㄒoㄒ)/~~

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

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

[!] Connected device
! No devices available

连接设备后,使用flutter devices如下出现设备列表,及说明设备连接成功:
flutter devices执行后的设备列表

创建一个Flutter工程

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

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

然后点击next进入下一步:
配置Flutter Project2

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

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

运行项目

工程基本结构

点击run 按钮运行项目后,控制台会打印相关的编译输出
第一次运行会非常非常非常非常久。。。。。。
控制台输出

安装完成后,手机端会出现对应的app安装请求,或者直接安装到手机中
手机展示画面如下
手机运行项目的画面

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章