flutter 真机无法调试 sdk报错_创建并运行自己的第一个flutter项目

最近在学习flutter,毕竟是第一次运行flutter项目,中间遇到很多问题,今天就把自己如何创建并运行flutter项目,及创建的过程中遇到的一些问题都总结出来,方便后来人查看。

先来讲讲flutter的下载与安装。

一,下载flutter

可以直接到官网下载,选择你对应的系统就行:https://flutterchina.club/get-started/install/

2286b7da7072d3c6626ac3940f7f336f.png

下载好以后,把文件解压,然后放到一个目录里,随便哪里就行,但是 一定要记住这个路径,并且路径中不能有中文。

如我的是在 /Users/qcl/packages/ 我们后面配置全局变量时需要用到这个路径。

二,配置环境变量

我的是mac电脑,所以我这里讲下mac电脑上如何配置flutter环境变量。

  • 1,在命令行窗口,输入vim ./.bash_profile 确定enter,然后就打开了bash_profile文件
    如果感觉使用vim编辑麻烦,可以使用
    open .bash_profile可视化编辑,如下图:

929abceffe6115fc32a457b1bc7702f6.png
  • 2,在bash_profile中配置下面这段话:
    export PATH=/你的flutter文件夹所在位置/flutter/bin:$PATH

如在我们的bash_profile中加入下面代码

# flutter
export PATH=/Users/qcl/packages/flutter/bin:$PATH
# flutter 国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://storage.flutter-io.cn)

上面的国内镜像如果过期,可以到这个网址:https://flutter.dev/community/china去找最新的

我配置后的效果如下

87e1bf0c5c9e06fa9e7883ca318c8967.png
  • 3,然后 :wq!保存并退出
  • 4,source ~/.bash_profile 使刚刚修改的文件生效
  • 5,flutter -h 可以查看flutter环境变量是否配置成功

三,在android studio 里配置flutter和dart

我们上面安装好flutter,并配置好flutter的环境变量以后。就可以进入我们的as设置页,后面用as来代表android studio。

6d08402ae82cb82f1c4e83b0db71c250.png

b248afd75de2db0ed0e6ec82a5005686.png

四,使用androidstudio创建第一个flutter项目

1,创建项目时选择flutter项目

4cf425a946b40a5e290d60f33931e7d8.png

2,选择flutter application

7790fe1e909bb7a9f26a27573cc5ffc8.png

3,填写项目信息,保持默认即可

00d4a6dab6bff4d75beca11a41c4fa42.png

4,先用flutter创建的安卓项目

a7bd10474ce79186e630cc804a295694.png

feae18b0706e8b2604b6486d920a0449.png

5,项目创建成功

c55ac662e94fea6069441882e897ccd8.png

6,安卓项目成功运行

f08cf88173df2f9e5a46f398223ab57e.png
  • 本来准备在电脑模拟器上运行,截图给大家的,结果模拟器有问题,就来拍个照,让大家看看运行效果吧。
  • 正常到这里就可以直接运行项目了,但是flutter的坑还是比较多的,会遇到各种问题,我把我遇到的问题及解决方法都总结出来

五,常见问题汇总及解决

8991263e4d2f6ed1fe976747ca8d39c0.png

运行flutter项目的时候,遇到来这个问题,刚开始以为是gradle的问题,其实最后仔细看,才知道是我们的 Android SDK Build-Tools 28.0.3没有安装的问题。解决办法也很简单。

147aff261b58b8e661f8bb97bf7598fd.png

到这里我们就成功的使用Android studio创建并运行了一个flutter项目,随着学习的深入,感觉flutter写东西还是很方便的,后面我会写更多关于flutter的文章给大家,敬请关注。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值