0
Flutter领券联盟-搭建环境,创建项目
断点-含光君 发表于 2020-07-26 10:37 156

环境搭建

Windows环境搭建可以参考这个 https://www.cnblogs.com/niluiquhz/p/12632304.html

Mac搭建可以看这个 https://www.jianshu.com/p/12b3b4f4082d

搭建环境,大家最好开梯子,保持网络很流畅,不然等待的时间会很漫长(我自己搭建Mac半个小时不到)

安装Android studio 版本尽量最新

安装插件:flutter(包含dart插件)

创建项目流程

如果上面的你都做好了,那接下来,就是创建一个flutter项目的时刻。 图片描述

确定插件已经安装好,并重启AS 图片描述

点击之后可能会卡段一段时间,你需要耐心等待(通常第一次会很卡,不管是哪个平台) 图片描述

选择第一个

图片描述

填写名字,SDK位置如果不显示,选择你自己保存的位置。

图片描述

app包名填写。后面需要勾选生成iOS的代码,这样以后用Xcode打开项目,就可以编译了,如果这个不勾选,后面需要自己增加的。如果你非常熟悉可以不勾选。至于是否使用Androidx和kt,自己看需求吧。

图片描述

点击finish之后,进入这个项目了,等待项目构建完成。如果构建过程中,你们遇到有什么报错,就看报错然后Google解决。如果实在搞不好,可以在群讨论。这样一个简单的flutter项目就搭建好了。现在我们需要跑一跑。

第一次跑会很慢,因为下载各种依赖。

大家最好开梯子,如果没有,换国内镜像地址吧,例如阿里云的。 Android版本的效果图: 图片描述

iOS Xcode流程

图片描述 点击这个文件,打开到xcode。 图片描述 进入之后,点击左上角的Runner。出现配置界面。这里需要我们配置自己的apple账号,然后生成一个临时签名。 图片描述图片描述图片描述图片描述图片描述图片描述

如果你插入自己的苹果手机,上面也能识别出来,直接打到手机上面就好了。基本流程大概就是这样,到了这里,项目就运行起来了。后面就开始创建首页简单的Tab

评论
0/240
文章目录