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