欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

angular-cli常用指令

程序员文章站 2022-03-04 10:12:50
cli命令 你可以使用ng generate命令,为已有的 angular 应用程序添加新的功能。 ng generate class my-new-class: 新建 class ng gener...

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:会进行打包优化。打包后的文件体积会小很多,