AngularDart初探

标签：inf   orm   ble   int   webapp   aml   command   https   generate   

安装

pub global activate angular_cli

安装完成后需要把pub-cache/bin添加到环境变量中：

【windows】

添加 C:\Users\Administrator\AppData\Roaming\Pub\Cache\bin 到Path中

使用

使用ngdart help查看详细命令。

Usage: ngdart <command> [arguments]

Global options:

-h, --help            Print this usage information.

-v, --[no-]verbose    Output extra logging information.

Available commands:

  generate   Generate component or test.

  help       Display help information for ngdart.

  new        Create an AngularDart project.

Run "ngdart help <command>" for more information about a command.

创建新项目

ngdart new webapp1

INFO: Saving .\webapp1\web\index.html

INFO: Saving .\webapp1\web\main.dart

INFO: Saving .\webapp1\web\styles.css

INFO: Saving .\webapp1\analysis_options.yaml

INFO: Saving .\webapp1\.gitignore

INFO: Saving .\webapp1\pubspec.yaml

INFO: Saving .\webapp1\lib\app_component.dart

INFO: Saving .\webapp1\lib\app_component.html

cd webapp1

pub get

pub serve

浏览器打开 http://localhost:8080，查看结果。

生成组件

ngdart generate component AnotherComponent

在lib/目录下生成如下文件：

INFO: Saving lib/another_component.dart

INFO: Saving lib/another_component.html

使用-p参数自定义目录：

ngdart generate component AnotherComponent -p lib/another

生成结果如下：

INFO: Saving lib/another/another_component.dart

INFO: Saving lib/another/another_component.html

AngularDart初探

标签：inf   orm   ble   int   webapp   aml   command   https   generate   

原文地址：https://www.cnblogs.com/xxgis/p/12393799.html