用户登录

这组件训练我们先准备一个 Flutter 项目,然后改进几个地方。

下面可以克隆两个仓库,这个系列我们会使用在之前的 Flutter 系列课程里开发的项目,基于这个项目再去添加一些新的界面。先克隆一下这个 nid_flutter_starter 这个仓库,可以从这里开始,复制一下仓库的地址。

在终端,系统的桌面上,执行 git clone 后面加上复制的仓库地址,然后重新起个名字叫 nid_flutter 。

课程需要的一些额外的资源,你可以在 nid_flutter_assets 这个仓库里找到,复制一下这个仓库的地址,在桌面上,执行一下 git clone ,再加上这个仓库的地址,这样你可以在桌面上的 nid_flutter_assets 这个目录里找到课程里需要用的一些资源,比如图像,小图标之类的东西。

下面进入到 nid_flutter 这个项目所在的目录,把项目的代码仓库删除掉,rm -rf .git , 然后重新初始化一个仓库,git init,添加要提交的东西,再做一次提交,日志是 init。

再去创建一个远程仓库,新建一个 Repository,名字是 nid_flutter,可以选择公开或者私有,这里我选择私有,然后创建一下这个仓库。再复制一下这个添加远程仓库的命令,在终端,项目所在目录的下面,执行一下这个添加远程仓库的命令。

再创建一个新的分支并且切换到这个分支上,git checkout -b improve, 在这个分支上我们可以改进一下这个项目,每完成一节课,就可以在这个分支上做一次新的提交。

下面用编辑器打开这个项目,这里会提示是否要执行 pub get 安装项目的依赖,按一下这个 Get Packages,这样会在项目下面执行 flutter pub get,安装这个项目的依赖。

完成以后,选择一下调试的设备,这里我选择的是 iOS 模拟器,如果你用的是 Windows 系统,可以配置一个 Android 模拟器,或者选择在真机上做调试。

设备启动以后,打开调试,按一下 Run and Debug,选择 Dart & Flutter 。这样会编译应用,安装在这个模拟器上。

之前在执行 Get Packages 的时候,可能会更新这个 pubspec.lock,因为可能项目里用了更新的包,打开源代码管理,选中要提交的修改,做一次提交。

准备一个 Flutter 项目《 Flutter 移动端实例:状态管理 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点