Flutter项目实战:我是从这些方面去提高开发效率的(持续更新)

1,065 阅读2分钟

前言

各位大佬,好久不见!

不摸鱼的程序员不是好程序员,所以今天和大家分享一些提高Flutter开发效率的小技巧。当然,各位大佬肯定也有更好更多的方法,请不吝赐教,多多留言。

Tips

组件库

程序员不反复造轮子,所以,在开发过程中,要有意识的去做自己的组件库,比如通用的ui组件,工具类,网络层的封装等。这样长时间的累积,会让你的开发效率越来越高。

在组件封装过程中,不一定要一次封装完美,只要能满足现有需求,且适当考虑后期的扩展就可以了,以后可以逐步迭代。组件库可以放本地,也可以远端仓库。远程仓库,如果在开发中经常迭代调式,可以在开发过程中把pubspec.ymal先改为本地引用,方便开发过程中的调试。

WechatIMG58.png

开发者调试信息

为了方便App的测试,通常会在开发过程中,做一个开发者中心。我在项目中就只做了一个服务器的切换,以及网络数据抓包的配置。各位还可以根据自己的情况,去不断丰富,比如实现一个网络拦截器,记录网络错误日志等,方便bug回溯。

WechatIMG59.png

自动生成路由表

我们的项目中,每一个页面都需要去路由表中注册,为了统一路由的注册,所以通过build_runner和注解,实现了路由表的自动生成。开发只需要在需要生成路由的页面加上注解就可以了。路由参数和路由注释可选

WechatIMG60.png 下面是自动生成的路由表片段:

WechatIMG61.png

利用脚本生成页面骨架

在项目中,页面的基础骨架都类似,为了不每一次创建页面都写相似的东西,所以,用python写了一个脚本去自动生成页面骨架。操作如下: WechatIMG62.png 按照引导输入和选择,就自动生成了不同类型的页面骨架。这里需要说明的是,我在项目中封装了scaffold,网络加载状态(请求中、请求失败、请求成功、空数据等)的样式都在scaffold中

批量处理图片资源

ui资源从蓝湖下载后,每次都需要删除图片名称中的倍图标识,然后再拖入项目中对应的资源目录,这个过程极其繁琐,所以也是搞了个脚本来批量处理这些图片,只需要把下载的图片放到指定文件夹,执行脚本就可以了:

WechatIMG63.png

待更新。。。

端午快乐!!!