创建 FLutter第一个应用Hello World

开发环境的部署,传送:
Flutter 入坑:开发环境的配置.

继昨天刚刚弄好环境,今天就想来尝试一下创建第一个Flutter项目。

首先,我们得先在Android Studio上创建一个安卓虚拟机

AVD虚拟机的创建

选择上面的tools–>AVD Manager

在这里插入图片描述
然后如果我们从来都没有创建过呢,就会出现下面这个页面:

在这里插入图片描述
我们点击中间的Creat,新建一个,然后就让我们选择:

在这里插入图片描述

我是选择了Nexus 5,然后选择的是第一个:

在这里插入图片描述
然后就点击Download下载,就有一个下载过程,可能会有点慢:
完成之后下一步,给它取个名字,我采用了默认:

在这里插入图片描述
之后finish之后就可以看到我们的虚拟机已经创建好了:

在这里插入图片描述
点击开机:

在这里插入图片描述
这样我们就成功了~

创建Flutter项目

打开Android Studio选择第二个创建一个Flutter,然后我们选择创建Flutter Application:

在这里插入图片描述
这里选择你的flutter解压路径:

在这里插入图片描述
继续下一步:

在这里插入图片描述

点击finish就可以创建了~创建过程等待一下就可以了
创建完成之后呢,目录大概是这样的:

在这里插入图片描述
创建好了项目,是不是迫不及待就想运行看看呢
由于个人的习惯,习惯使用VS code,所以就使用Vs code打开这个flutter项目。
记得哦,先去在Vscode中下载Flutter插件哟

在这里插入图片描述
好的,将文件夹在工作区打开之后,然后打开我们上面在Android Studio 安装好的虚拟机:

在这里插入图片描述
当然这是我已经打开之后的,一开始应该是No Service,然后在上面选择:

在这里插入图片描述

好的,虚拟机也打开了:

在这里插入图片描述

就迫不及待运行flutter run 命令:
然而,报错了!!!!

在这里插入图片描述
这可怎么办呢,看着像是说代理有问题代理,于是就这个问题查了一下,找到了解决方法:
那就是将C:\Users\Administrator.gradle\gradle.properties 文件中的后面四条代理注释掉:

在这里插入图片描述
然后重新编译运行就可以了~
可能是第一次,运行过程比较慢,于是我就等呀等,
终于,运行成功了!

在这里插入图片描述
在这里插入图片描述
简直就是开心:

在这里插入图片描述
所以说呀,一定不要放弃,遇到问题就想办法解决它!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值