1、创建新的Flutter项目

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

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

看看android里面的代码:
Flutter 入门二:创建新的项目、打开现有项目
android里面就一个MainActivity,这是一容器,承载flutter。

2、打开现有的代码

File->Open
Flutter 入门二:创建新的项目、打开现有项目
注意我们打开的目录,不要选择里面的android。
Flutter 入门二:创建新的项目、打开现有项目
打开后会提示我们没有配置Dart,点击Open Dart setting:
Flutter 入门二:创建新的项目、打开现有项目
勾选上
Flutter 入门二:创建新的项目、打开现有项目
Dart SDK path在flutter/bin/cache/dart-sdk

3、运行

这个时候我们运行app看看效果
Flutter 入门二:创建新的项目、打开现有项目

第一个是我们运行的设备,可以选择针剂,第二个是Dart的入口,绿色的三角就是运行按钮,第一次运行可能要下载环境,时间和网络有关系,成功后在虚拟机上的效果:
Flutter 入门二:创建新的项目、打开现有项目

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

相关文章: