首页 » 99链接平台 » Flutter小说阅读器开发:第一章 开发环境搭建与项目导入(开发项目阅读器模拟器搭建)

Flutter小说阅读器开发:第一章 开发环境搭建与项目导入(开发项目阅读器模拟器搭建)

admin 2024-11-05 07:53:55 0

扫一扫用手机浏览

文章目录 [+]

本章的目的是介绍怎样搭建Flutter的开发环境,并将项目代码导入到IDE,并成功运行起来。
(PS:由于Flutter进行的是跨平台开发,本项目的小说阅读器是基于iOS和Android双平台的,因此朋友们最好有一台macOS系统的电脑,本系列文章也是基于macOS开发的,后期不再强调。

一、下载必要的工具下载 Flutter SDK 并解压,然后配置 flutter 的 PATH 环境变量,详细教程可进入下面地址:https://flutter.cn/docs/get-started/install/macos运行 flutter doctor 命令下载 Intellij IDEA二、下载小说阅读器项目

https://gitee.com/zzhdong/BookReader

三、使用 Intellij IDEA 导入项目将项目下载到本地文件夹中,并将文件夹重命名为book_reader(记住要先修改目录名称再打开项目)

修改目录名称为book_reader

Flutter小说阅读器开发:第一章 开发环境搭建与项目导入(开发项目阅读器模拟器搭建) 99链接平台
(图片来自网络侵删)
使用Intellij IDEA打开项目,然后在终端运行命令

flutter packages get

终端运行flutter packages get

运行成功后如下图所示,红线内容已经消失

获取package依赖成功

进入ios目录运行pod install命令

cd iospod install

pod install

关闭项目并重新打开四、在iOS上面运行可以在 Intellij IDEA 里面打开iPhone模拟器,也可以在Xcode里面打开模拟器

打开iOS模拟器

模拟器启动成功后,我们就可以正常运行项目了

正常显示模拟器名称后,可以点击绿色三角形

运行成功后显示以下内容

启动成功后,界面输入日志

模拟器显示界面内容

五、在Android平台上面运行

大家可以自己尝试运行在Android模拟器上面,大概步骤就是创建一个Android模拟器,然后选择模拟器,点击运行就可以了。
(PS:最好先启动Android模拟器再运行项目)

Android模拟器运行效果图

六、好了,现在大家可以愉快的玩耍了!

如运行过程中有其他问题,大家可以在评论区或者私信我都可以。

相关文章