Flutter 入门二:创建新的项目、打开现有项目

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mengks1987/article/details/84585517

1、创建新的Flutter项目

1、File->New->New Flutter Project:
在这里插入图片描述
2、弹出如下对话框
在这里插入图片描述
选择application,点击next
在这里插入图片描述
直接next
在这里插入图片描述
这里红框里面支持Kotlin和Swift需要的话勾选上,点击finish,新的项目就创建完成了目录如下:
在这里插入图片描述

android:android原生代码
ios:ios原生代码
lib:flutter代码
test:测试代码可以没有

看看android里面的代码:
在这里插入图片描述
android里面就一个MainActivity,这是一容器,承载flutter。

2、打开现有的代码

File->Open
在这里插入图片描述
注意我们打开的目录,不要选择里面的android。
在这里插入图片描述
打开后会提示我们没有配置Dart,点击Open Dart setting:
在这里插入图片描述
勾选上
在这里插入图片描述
Dart SDK path在flutter/bin/cache/dart-sdk

3、运行

这个时候我们运行app看看效果
在这里插入图片描述

第一个是我们运行的设备,可以选择针剂,第二个是Dart的入口,绿色的三角就是运行按钮,第一次运行可能要下载环境,时间和网络有关系,成功后在虚拟机上的效果:
在这里插入图片描述

实际体验效果挺好的,下一章我们说说如何混合开发,毕竟我们也在摸索阶段,全部用flutter开发不太现实。

猜你喜欢

转载自blog.csdn.net/mengks1987/article/details/84585517