当前位置： 移动技术网 > IT编程>网页制作>CSS > angular-cli常用指令

angular-cli常用指令

2018年12月07日  | 移动技术网IT编程  | 我要评论

cli命令

你可以使用ng generate命令，为已有的 angular 应用程序添加新的功能。

ng generate class my-new-class: 新建 class

ng generate component my-new-component: 新建

ng generate directive my-new-directive: 新建指令

ng generate enum my-new-enum: 新建枚举

ng generate module my-new-module: 新建模块

ng generate pipe my-new-pipe: 新建管道

ng generate service my-new-service: 新建服务

ng generate命令与其它的子命令一样，也有快捷键，具体如下：

ng g cl my-new-class: 新建 class

ng g c my-new-component: 新建组件

ng g d my-new-directive: 新建指令

ng g e my-new-enum: 新建枚举

ng g m my-new-module: 新建模块

ng g p my-new-pipe: 新建管道

ng g s my-new-service: 新建服务

其他添加功能用法：

创建带路由的模块ng generate module 模块名 --routing

创建模块下的组件ng generate component 模块名/组件名

创建全局服务ng generate service hero --module=app

创建路由控制器ng generate module app-routing --flat --module=app

--flat：不单独创建一个文件夹。只创建文件

--module=app ：告诉 cli 把它注册到 appmodule 的 imports 数组中。

运行程序：ngserve --port 8990 --open

--port：表示程序运行的端口号为8990

--open：打开到，访问程序

打包构建程序：ngbuild --prod

--prod：会进行打包优化。打包后的文件体积会小很多，

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网