网络知识 娱乐 Flutter学习(1): Flutter开发环境搭建与真机调试

Flutter学习(1): Flutter开发环境搭建与真机调试

1. Flutter介绍

  • Flutter是谷歌公司开发的一款开源、免费的移动UI框架,可以让我们快速的在Android和iOS上构建高质量App。它最大的特点就是跨平台、以及高性能
  • Flutter是基于谷歌的dart语言开发的一款跨平台的移动App开发框架。它针对的开发者是全部开发者。它的性能相比RN、Ionic这样的框架要好一些

2. 搭建Flutter运行环境

2.1 安装配置JDK

  1. 下载地址: https://www.oracle.com/java/technologies/downloads/#java11
  2. 配置JDK:
    • 系统变量里面新增JAVA_HOME,设置值为javasdk根目录;
    • 系统变量找到Path在Path环境变量里面增加如下代码 %JAVA_HOME%bin;%JAVA_HOME%jrebin

2.2 电脑上下载安装Android Studio

  1. 安装flutter插件

2.3 下载配置Flutter SDK

  • 地址: https://docs.flutter.dev/development/tools/sdk/releases#windows
  • 把下载好的FlutterSDK随便减压到你想安装Sdk的目录如(E:flutter_windowsflutter)
  • 把Flutter安装目录的bin目录配置到环境变量
  • 电脑上配置Flutter国内镜像:(把下面两句配置到环境变量里面)
    • FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn
    • PUB_HOSTED_URL:https://pub.flutter-io.cn

2.4 运行flutter doctor命令检测环境是否配置成功

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WoNOlpl0-1638278101157)(C575BEF7D5054F89A37CA4D311CB5EA1)]

  • 这个时候复制上面红色框框内的命令: flutterdoctor--android-licenses

注意:提示输入Y/N的地方全部输入Y

3. 真机调试

必备条件:

  1. 一台Android手机
  2. 手机需要开启调试模式(打开开发者模式)
  3. 用数据线把手机连上电脑
  4. 手机要允许电脑进行Usb调试, 并允许usb安装APP(运行时就是把你的app安装到手机上!)
  5. 手机对应的sdk版本必须安装

注意:

  1. 关闭电脑上面的手机助手比如:360手机助手、应用宝等占用adb端口的软件
  2. 关闭HBuilder之类占用Adb端口的软件
  3. 数据线一定要可用
配置成功后. Andriod Studio会自动显示你的设备!

在这里插入图片描述