美文网首页
Flutter 1(安装调试)

Flutter 1(安装调试)

作者: 贝灬小晖 | 来源:发表于2020-01-19 13:20 被阅读0次

https://www.cnblogs.com/Mr-Rshare/p/10844015.html

mac系统 安装flutter 分三步:

1. 安装flutter sdk

2. flutter环境变量配置

3. 建立flutter应用

1.Flutter SDK下载

打开终端执行命令 git clone -b beta https://github.com/flutter/flutter.git 下载flutter SDK

2.Flutter 环境变量配置

使用镜像:
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中。
在命令行下,进入用户目录:执行命令
1.打开.bash_profile文件:
执行命令 open -e .bash_profile
文件打开后
2.开始编辑bash文件,在其中添加以下内容:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
同时添加flutter相关工具到path中,也就是添加 Flutter SDK 安装的路径
export PATH={PATH}:/Users/liugaohui/Desktop/Flutter/flutter/bin:PATH
3.关闭bash文件,配置完成后,更新配置的环境变量,执行命令: source .bash_profile

flutter验证:
终端直接输入 flutter,没有提示该命令找不到,则配置成功。
运行 flutter doctor,安装相关依赖,可重复执行 ,终端执行命令:flutter doctor
安装好flutter的SDK后,我们就可以执行flutter doctor, 检测其他环境
对于检测到的不同环境不同的处理方式

https://www.jianshu.com/p/b9ee42df1054

3.VSCode中新建Flutter项目并运行

flutter create wnbFlutter

3.1VSCode中如何安装和启动虚拟机

flutter run

设置iOS模拟器

  1. 首先打开模拟器 通过命令 open -a Simulator 或者 Spotlight
  2. 通过检查模拟器的 **Hardware > Device **菜单中得设置 , 以确保模拟器正在使用64位设备 (iPhone 5s或更高版本)
  3. 取决于开发设备屏幕尺寸 , 高屏幕密度的iOS模拟设备可能会在屏幕上溢出 , 在模拟器的Window > Scale菜单下设置设备比例
  4. 通过运行 flutter run 来启动应用

部署到iOS设备
要部署 Flutter app 到 iOS设备 , 我们需要一些额外的工具和 Apple 账号 . 还需要在设备上进行设置

Android设置
设置Android模拟器
运行模拟器比较吃资源,这里建议还是使用Android真机. 如若需要配置模拟器请参考官网

设置Android设备
要运行并且测试我们的应用在 Android 设备上 , 我们需要系统版本为 Android 4.1 及以上的 Android 设备

  1. 打开 开发者选项 还有 USB调试 .
  2. 使用USB将手机连接电脑 . 若手机出现提示,授权电脑访问手机
  3. 在命令执行 flutter devices 确认连接电脑的设备
  4. 然后可通过执行 flutter run 运行我们的app

flutter run -d E4J4C17415000651
安卓设备会卡在Runninggradle assembleDebug
不要慌:
https://www.cnblogs.com/wupeng88/p/11455874.html

VSCode中常用的快捷键
R 键重新启动
r 键热重载
q 退出
p 显示网格
P 显示帧率
o 切换Android与iOS的预览模式

相关文章

网友评论

      本文标题:Flutter 1(安装调试)

      本文链接:https://www.haomeiwen.com/subject/ugsrzctx.html