AngularDart初探

安装

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

猜你喜欢

转载自www.cnblogs.com/xxgis/p/12393799.html