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

猜你喜欢

转载自blog.csdn.net/qq_39831708/article/details/81557068
今日推荐