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 数组中。

 

运行程序：ng serve --port 8990 --open  

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

--open：打开到浏览器，访问程序

打包构建程序：ng build  --prod

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