首页 > 其他 > 详细

AngularDart初探

时间:2020-03-02 09:55:09      阅读:73      评论:0      收藏:0      [点我收藏+]
安装

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初探

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!