Flutter模板生成插件flutter_template_cli的使用

Flutter模板生成插件flutter_template_cli的使用

官方CLI工具,用于轻松构建Flutter模块。

安装插件

// 安装插件
pub global activate flutter_template_cli 
// (为了使用此功能,请将以下路径添加到系统PATH中:[FlutterSDK安装目录]\bin\cache\dart-sdk\bin

flutter pub global activate flutter_template_cli

创建项目

// 在当前目录创建一个Flutter项目
// 默认情况下,它会使用文件夹名称作为项目名称
// 您可以使用 `ftc create project:my_project` 来指定项目名称
// 如果名称包含空格,请使用 `ftc create project:"my cool project"`
ftc create project
ftc create package
ftc create plugin
ftc create module

初始化现有项目

// 在现有项目中生成选定结构
ftc init

注意:使用此命令时请小心,因为它会覆盖lib文件夹中的所有文件。 flutter-getx-with-null-safety-template

文件类型分隔符

有一天,有用户问我是否可以更改文件的最终名称,他发现使用 my_controller_name.controller.dart 比默认生成的 my_controller_name_controller.dart 更易读。考虑到像他这样的用户,我们为您提供了选择自己的分隔符的功能,只需在pubspec.yaml中添加以下信息:

示例:

flutter_template_cli:
  separator: "."

导入混乱?

为帮助您整理导入,创建了一个新命令:ftc sort。除了整理导入外,该命令还会格式化您的Dart文件,多亏了dart_style

当使用get sort时,所有文件都会根据分隔符重命名。 要避免重命名,请使用--skipRename标志。

如果您更喜欢使用相对导入而不是项目导入,请使用--relative选项。flutter_template_cli会进行转换。

CLI的国际化

CLI现在具有国际化系统。

要将CLI翻译成您的语言:

  1. translations文件夹中创建一个新的JSON文件。
  2. 复制en.json文件中的键,并翻译值。
  3. 提交您的PR。

探索CLI命令

让我们探索CLI中现有的命令。

创建项目

ftc create project

用于生成新项目,在创建默认目录后,它将运行下一个命令get init

初始化

ftc init

谨慎使用此命令,因为它会覆盖lib文件夹中的所有文件。 flutter-getx-with-null-safety-template

文件类型分隔符

一天,有用户问我是否可以更改文件的最终名称,他发现使用my_controller_name.controller.dart比默认生成的my_controller_name_controller.dart更易读。考虑到像他这样的用户,我们为您提供了选择自己的分隔符的功能,只需在pubspec.yaml中添加以下信息:

示例:

flutter_template_cli:
  separator: "."

更多关于Flutter模板生成插件flutter_template_cli的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter模板生成插件flutter_template_cli的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


flutter_template_cli 是一个用于快速生成 Flutter 项目模板的命令行工具。它可以帮助开发者快速生成常用的 Flutter 项目结构、页面、组件等,从而提高开发效率。

以下是使用 flutter_template_cli 的基本步骤:

1. 安装 flutter_template_cli

首先,你需要全局安装 flutter_template_cli。你可以通过 npmyarn 来安装。

npm install -g flutter_template_cli

或者

yarn global add flutter_template_cli

2. 创建 Flutter 项目

在安装完成后,你可以使用 flutter_template_cli 来创建一个新的 Flutter 项目。

flutter_template_cli create my_flutter_app

这将会在当前目录下生成一个名为 my_flutter_app 的 Flutter 项目。

3. 生成页面模板

你可以使用 flutter_template_cli 来生成页面模板。例如,生成一个名为 home 的页面:

flutter_template_cli generate page home

这将会在 lib/pages 目录下生成一个 home 页面,包括 home.dart 文件以及相关的 home_controller.darthome_binding.dart 文件(如果你使用的是 GetX 状态管理)。

4. 生成组件模板

你也可以生成组件模板。例如,生成一个名为 custom_button 的组件:

flutter_template_cli generate component custom_button

这将会在 lib/components 目录下生成一个 custom_button.dart 文件。

5. 生成服务模板

如果你需要生成一个服务类,可以使用以下命令:

flutter_template_cli generate service auth

这将会在 lib/services 目录下生成一个 auth_service.dart 文件。

6. 生成模型模板

生成模型类的命令如下:

flutter_template_cli generate model user

这将会在 lib/models 目录下生成一个 user_model.dart 文件。

7. 其他命令

flutter_template_cli 还支持其他一些命令,例如生成路由、生成状态管理等。你可以通过以下命令查看所有可用的命令和选项:

flutter_template_cli --help

8. 自定义模板

如果你对默认的模板不满意,你可以自定义模板。flutter_template_cli 允许你通过配置文件或命令行参数来指定自定义模板路径。

9. 更新和卸载

如果你想更新 flutter_template_cli,可以使用以下命令:

npm update -g flutter_template_cli

如果你想卸载 flutter_template_cli,可以使用以下命令:

npm uninstall -g flutter_template_cli
回到顶部