flutter快速开发,flutter开发环境搭建

Flutter自制工具之fluct助力Flutter快速开发神器

一个帮助开发Flutter应用程序的工具

创新互联公司是专业的龙沙网站建设公司，龙沙接单;提供网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行龙沙网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

.----------------------------------------------

| github地址:

|

| pub地址：

|

`----------------------------------------------

该工具无需添加到依赖项中，我们只需要 激活 即可,使用如下命令：

fluct 目前只有两个命令 create 和 gen-assets

在 Flutter 开发过程中，我们创建文件是必须的，而AS自带的创建文件，并没有自动的生成相关的内容，这会让开发者非常的苦恼，类名还需要自己手动敲的话，而该命令，直接可以一步到位。

当运行此命令后，命令行会输出以下内容

可以看到，该命令输出的内容是简单易懂的，我们来简单使用一下吧。

创建 IndexPage 页面，继承自 StatefulWidget ,可以使用如下命令:

运行成功之后，我们会在项目下找到 index_page.dart 文件，内容为:

当然，你也可以指定哪个文件夹，例如，我要在./lib/src/page 文件夹下创建 IndexPage ，使用如下命令

在开始之前，我们需要在项目根目录下新建一个 fluct.yaml 文件,因为 fluct create -t custom 命令会找到它，内容如下：

这里，我声明了 inh 命令，然后运行这个命令之后会在生成文件的时候添加 inh 对应的内容，内容中我们值得注意的是 $NAME$ 占位符，该字符串会被替换成根据文件名生成的内容，例如： index_page 会插入 IndexPage 到 $NAME$ 占位符中，最后，我们运行以下命令:

运行成功之后，我们能够在根目录下找到 index_inherited.dart 文件，内容也是对应的自定义内容

我们在使用资源文件时，需要在 pubspec.yaml 文件声明资源文件的路径

例如：我在 ./assets/images 文件夹下添加 a.png 图片，需要在 pubspec.yaml 文件下声明

或者使用文件夹路径

这一步如果文件多起来，很容易出现混乱，导致声明麻烦，引用麻烦，并随着项目的迭代，资源文件有些不用了，也不知道哪个是哪个，这个时候， fluct gen-assets 命令帮到你

当运行 fluct gen-assets -h 会输出以下内容

到此，你已经拥有了自动资源绑定的功能了，输入 fluct gen-assets 即可

所有的内容都声明好了， very good ~

有小伙伴可能会疑惑， fluct create 运行之后会发现未找到命令，可能你使用了 flutter pub global activate fluct 命令激活，这个时候，我们可以使用 flutter pub run fluct create 运行

Flutter跨平台框架（Dart语言）

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。(-中文网；-英文网)

Flutter是一种趋势，势必会取代RN，成为最主流的跨平台开发框架，基于Dart语言。ios开发必须Mac电脑。android开发window、linux、Mac均可。

Flutter 快速开发框架

此框架旨在将常规的Flutter项目中使用到的通用（与业务无关）的功能从剥离出来，构成Flutter开发项目的框架，在开发新的Flutter项目时，可以直接引用本项目 import 'package:framework/framework.dart' 来使用框架中相关的功能，提升开发效率。 github项目地址

此框架目前包含以下功能模块：接口请求API模块、消息提示模块、路由模块、统一错误处理、日志模块、屏幕适配测试、自定义UI组件库、本地存储模块构成