创建 FLutter第一个应用Hello World

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

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

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

AVD虚拟机的创建

选择上面的tools–>AVD Manager

创建 FLutter第一个应用Hello World
然后如果我们从来都没有创建过呢,就会出现下面这个页面:

创建 FLutter第一个应用Hello World
我们点击中间的Creat,新建一个,然后就让我们选择:

创建 FLutter第一个应用Hello World

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

创建 FLutter第一个应用Hello World
然后就点击Download下载,就有一个下载过程,可能会有点慢:
完成之后下一步,给它取个名字,我采用了默认:

创建 FLutter第一个应用Hello World
之后finish之后就可以看到我们的虚拟机已经创建好了:

创建 FLutter第一个应用Hello World
点击开机:

创建 FLutter第一个应用Hello World
这样我们就成功了~

创建Flutter项目

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

创建 FLutter第一个应用Hello World
这里选择你的flutter解压路径:

创建 FLutter第一个应用Hello World
继续下一步:

创建 FLutter第一个应用Hello World

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

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

创建 FLutter第一个应用Hello World
好的,将文件夹在工作区打开之后,然后打开我们上面在Android Studio 安装好的虚拟机:

创建 FLutter第一个应用Hello World
当然这是我已经打开之后的,一开始应该是No Service,然后在上面选择:

创建 FLutter第一个应用Hello World

好的,虚拟机也打开了:

创建 FLutter第一个应用Hello World

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

创建 FLutter第一个应用Hello World
这可怎么办呢,看着像是说代理有问题代理,于是就这个问题查了一下,找到了解决方法:
那就是将C:\Users\Administrator.gradle\gradle.properties 文件中的后面四条代理注释掉:

创建 FLutter第一个应用Hello World
然后重新编译运行就可以了~
可能是第一次,运行过程比较慢,于是我就等呀等,
终于,运行成功了!

创建 FLutter第一个应用Hello World
创建 FLutter第一个应用Hello World
简直就是开心:

创建 FLutter第一个应用Hello World
所以说呀,一定不要放弃,遇到问题就想办法解决它!!!