Flutter命令行工具插件ngdart_cli的使用

Flutter命令行工具插件ngdart_cli的使用

Pub package GitHub

ngdart_cli 是一个用于创建和管理 AngularDart 项目的命令行工具。

使用

ngdart_cli 不应作为依赖项使用，而是作为一个命令行工具。因此，你需要“激活”它：

dart pub global activate ngdart_cli

Dart 会自动检测是否已将 Pub 可执行文件路径添加到环境变量中。如果没有，请遵循其指示操作。

要创建一个新的 AngularDart 项目（注意实际命令是 ngdart，而不是 ngdart_cli）：

ngdart create <package_name>

要在你的项目目录中删除 build/ 和 .dart_tool/ 目录（类似于 flutter clean），可以运行以下命令：

ngdart clean

动机

AngularDart 开发者通常使用 Stagehand 工具来生成启动项目，但该工具已被弃用，并推荐使用 dart create。然而，由于 dart create 没有为 AngularDart 项目提供选项，开发者只能选择 quickstart 和 angular_cli，尽管它们都很出色，但已经过时了。因此，ngdart 被创建以弥补这一工具的缺乏。

另外，作为一名 Flutter 开发者，我常常羡慕 Flutter CLI 工具提供了许多有用的工具（如 flutter clean）。因此，ngdart 的另一个目的是统一所有开发人员创建出色的 AngularDart 项目所需的工具。第一步是 ngdart clean，更多功能正在计划中（见下文）。

未来计划

欢迎对这些目标创建拉取请求！:) 为了避免重复工作，我标记了当前我自己正在处理的任务。

  • ✅ 添加全局 --verbose 标志。
  • ❌ 提示用户更新（通过在 Pub 上检查最新版本并与 packageVersion 比较）。[目前正在进行]
  • ✅ 创建项目后运行 dart pub get（或提示用户运行）。
  • ❌ 添加 ngdart build 和 ngdart serve 命令（可能来自 webdev，但我遇到了 null 安全性问题）。[目前正在进行]
  • ❌ 生成组件（这是 angular_cli 提供的功能，尽管我不确定这对许多开发者是否有用）。

示例代码

以下是一个简单的示例代码，展示了如何使用 ngdart 命令行工具。

void main() {
    // 这个包不打算从代码中使用。
}

创建 AngularDart 项目

首先，确保你已经激活了 ngdart_cli：

dart pub global activate ngdart_cli

接下来，你可以使用以下命令创建一个新的 AngularDart 项目：

ngdart create my_angular_project

这将在当前目录下创建一个名为 my_angular_project 的新项目。

清理项目

如果你需要清理项目，可以运行以下命令：

cd my_angular_project
ngdart clean

更多关于Flutter命令行工具插件ngdart_cli的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter命令行工具插件ngdart_cli的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是一个关于如何使用Flutter命令行工具插件ngdart_cli的示例。假设ngdart_cli是一个已经发布到pub.dev的Flutter命令行工具插件，我们可以通过Flutter的命令行界面来使用它。

前提条件

  1. 确保你已经安装了Flutter SDK。
  2. 确保你的Flutter项目已经创建并初始化。
  3. 确保ngdart_cli已经发布在pub.dev上，或者你已经将其作为本地依赖添加到你的项目中。

步骤

1. 添加依赖

首先，你需要在你的pubspec.yaml文件中添加ngdart_cli作为dev依赖（因为这是一个命令行工具插件）：

dev_dependencies:
  ngdart_cli: ^latest_version

然后运行flutter pub get来获取依赖。

2. 使用命令行工具

由于ngdart_cli是一个命令行工具，你需要在命令行界面（例如终端或命令提示符）中使用它。假设该工具提供了一个名为ngdart的命令，你可以通过以下方式运行它：

flutter pub run ngdart_cli:main [arguments]

这里的main是ngdart_cli插件中定义的入口函数。[arguments]是你需要传递给该命令的参数。

3. 示例代码

以下是一个假设的ngdart_cli插件的实现示例，以及如何使用它的命令行界面。

ngdart_cli/bin/main.dart

import 'package:args/args.dart';
import 'package:ngdart_cli/ngdart_cli.dart';

void main(List<String> arguments) {
  final ArgParser parser = ArgParser();
  parser.addOption('name', abbr: 'n', help: 'Your name');
  parser.addOption('greeting', abbr: 'g', defaultsTo: 'Hello', help: 'Greeting message');

  final ArgResults results = parser.parse(arguments);
  final String name = results['name'] ?? 'World';
  final String greeting = results['greeting'];

  print('$greeting, $name!');
}

ngdart_cli/lib/ngdart_cli.dart

（这个文件可以是空的，或者包含一些工具函数，这里为了简单起见，我们保持它为空）

// This file can be empty or contain utility functions for the CLI tool.

4. 运行命令行工具

假设你已经按照上述步骤安装了ngdart_cli，你可以通过以下命令运行它：

flutter pub run ngdart_cli:main --name=FlutterDeveloper --greeting='Welcome'

输出将会是：

Welcome, FlutterDeveloper!

注意事项

  • 上述示例中的main.dart和ngdart_cli.dart文件路径和内容是基于假设的。实际的ngdart_cli插件可能会有不同的结构和实现。
  • flutter pub run命令后面的ngdart_cli:main部分取决于插件的实际入口点配置。如果插件的pubspec.yaml文件中指定了不同的可执行文件入口点，你需要相应地调整这个命令。
  • 参数解析部分使用了args包，这是Flutter命令行工具中常用的一个包，用于解析命令行参数。如果你的插件还没有包含这个依赖，你可能需要在pubspec.yaml文件中添加它。

希望这个示例能够帮助你理解如何使用Flutter命令行工具插件ngdart_cli。如果你有更多具体的问题或需要进一步的帮助，请随时提问。

回到顶部