angular-cli 常见用法

1 安装与使用

首先确保安装了nodejs。
npm i angular-cli -g。
ng-cli的全局关键字为ng。
创建新项目：ng new projectName [options]。
创建组件：ng g component componentName。
启动server：ng serve，默认端口4200。
打包：ng build –prod，默认生成/dist目录，并将打包后的结果存放在此。
测试：ng test，使用 karma 运行单元测试。
cli版本：ng version
错误检测：ng lint，运行codelyzer linter检测。
2 命令参考

2.1 创建项目

命令：ng new proName [options]
1
2
参数 描述
–dry-run -d 只输出要创建的文件和执行的操作，实际上并没有创建项目
–verbose -v 输出详细信息
–skip-npm 在项目第一次创建时不执行任何npm命令
–name 指定创建项目的名称
2.2 初始化项目

在当前所在目录下初始化一个新的 Angular 项目
命令：ng init proName [options]
参数同创建项目。

2.3 创建类

在项目中创建模块、组件、指令等代码。

命令： ng generate [options]
简写： ng g [options]
1
2
3
类型 用法

Component   ng g component my-new-component
Directive   ng g directive my-new-directive
Pipe    ng g pipe my-new-pipe
Service ng g service my-new-service
Class   ng g class my-new-class
Interface   ng g interface my-new-interface
Enum    ng g enum my-new-enum
Module  ng g module my-module
Route   ng g route my-route 当前已禁用

参数：

参数 描述
–flat 不在自用目录内创建代码
–route= 指定父路由.仅用于生成组件和路由.默认为指定的路径。
–skip-router-generation 跳过生成父路由配置。只能用于路由命令。
–default 指定路由应为默认路由。
–lazy 指定路由是延迟的。 默认为true。
2.4 获取/设置cli配置

获取配置：

命令： ng get