Angular CLI 运用教程指南参考
装置
要装置Angular CLI你须要先装置node和npm，然后运转以下敕令来装置最新的Angular CLI：
注重：Angular CLI 须要Node 4.X 和 NPM 3.X 以上的版本支撑。
npm install -g angular-cli
在 Mac 或 Linux 平台上，你能够须要增加
sudo前缀提权举行全局装置：
sudo npm install -g angular-cli
基础用法
你能够经由过程 Angular CLI 的 help 敕令来猎取相干的敕令信息.
ng help
Angular CLI的敕令关键字为
ng
ng new
| 敕令 | 形貌 |
|---|
ng new <project-name> [options] | 建立一个新的 Angular 项目,默许在当前地点目次下 |
| 参数 | 形貌 |
|---|
--dry-run -d | 只输出要建立的文件和实行的操纵，实际上并没有建立项目 |
--verbose -v | 输出详细信息 |
--skip-npm | 在项目第一次建立时不实行任何npm敕令 |
--name | 指定建立项目的称号 |
ng serve
ng new PROJECT_NAME
cd PROJECT_NAME
ng serve
将会自动在浏览器中翻开默许地点 http://localhost:4200/. 运转以后假如你修改了顺序源代码.运用将会自动重载.
你也能够自定义设置 IP, 端口和及时重载端口号
ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
ng init
| 敕令 | 形貌 |
|---|
ng init <project-name> [options] | 在当前地点目次下初始化一个新的 Angular 项目 |
| 参数 | 形貌 |
|---|
--dry-run -d | 只输出要建立的文件和实行的操纵，实际上并没有建立项目 |
--verbose -v | 输出详细信息 |
--skip-npm | 在项目第一次建立时不实行任何npm敕令 |
--name | 指定建立项目的称号 |
ng completion
| 敕令 | 形貌 |
|---|
ng completion | 将自动完成功用增加到ng敕令的shell中 |
ng doc
| 敕令 | 形貌 |
|---|
ng doc <keyword> | 在浏览器中翻开Angular文档并搜刮当前关键字 |
ng e2e
| 敕令 | 形貌 |
|---|
ng e2e | 运用protractor在当前运用中运转e2e测试 |
ng format
| 敕令 | 形貌 |
|---|
ng format | 运用clang-format格式化当前项目代码 |
ng generate
| 敕令 | 形貌 |
|---|
ng generate <type> [options] | 在项目中构建新代码 |
ng g <type> [options] | 简写 |
| 支撑的范例 | 用法 |
|---|
| 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 零丁指定.
| 参数 | 形貌 |
|---|
--flat | 不在自用目次内建立代码 |
--route=<route> | 指定父路由.仅用于天生组件和路由.默许为指定的途径. |
--skip-router-generation | 跳过天生父路由设置。只能用于路由敕令。 |
--default | 指定路由应为默许路由。 |
--lazy | 指定路由是耽误的。 默许为true。 |
ng get
| 敕令 | 形貌 |
|---|
ng get <path1, path2, ...pathN> [options] | 从Angular CLI设置猎取值 |
pathN是一个有用的JavaScript参数途径，比方“users[1].userName”。 假如未设置该值，将显现“undefined”。 此敕令默许情况下仅在项目目次中事情。
| 参数 | 形貌 |
|---|
--global | 返回全局设置值，而不是当地设置值（假如都设置）. 此选项还能够使敕令在项目目次外事情 |
ng set
| 敕令 | 形貌 |
|---|
ng get <path1=value1, path2=value2, ...pathN=valueN> [options] | 在Angular CLI设置中设置值 |
默许情况下，假如在项目内部运转，则设置项目设置中的值，假如不在项目内部，则失利。 pathN参数是一个有用的JavaScript途径，如“users [1] .userName”。 该值将被强迫转换为准确的范例，或许假如范例没法强迫，则会抛出毛病。
| 参数 | 形貌 |
|---|
--global | 设置全局设置值，而不是当地设置值。 这也使ng set能够在项目以外事情。 |
ng build
构建工件将存储在/dist目次中。
ng build能够指定构建目的（–target = production或–target = development）和要与该构建一同运用的环境文件（–environment = dev或–environment = prod）。 默许情况下，运用开辟构建目的和环境。
# 这是临盆构建
ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod
# 这是开辟构建
ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build
ng github-pages:deploy
| 敕令 | 形貌 |
|---|
ng github-pages:deploy [options] | 构建临盆运用顺序，设置GitHub存储库，然后宣布运用顺序。 |
| 参数 | 形貌 |
|---|
--message=<message> | 构建并提交信息.默许为 “new gh-pages version” |
--environment=<env> | angular 环境构建。 默许为“production” |
--branch=<branch-name> | 推送页面的git分支。 默许为“gh-branch” |
--skip-build | 在宣布之前跳过构建项目 |
--gh-token=<token> | 用于布置的API令牌,必需. |
--gh-username=<username> | 运用的Github用户名,必需. |
ng lint
| 敕令 | 形貌 |
|---|
ng lint | 在项目上运转codelyzer linter |
ng test
| 敕令 | 形貌 |
|---|
ng test [options] | 运用 karma 运转单元测试 |
| 参数 | 形貌 |
|---|
--watch | 继承运转测试. 默许为true |
--browsers, --colors, --reporters, --port, --log-level | 这些参数直接传递给karma |
ng version
| 敕令 | 形貌 |
|---|
ng version | 输出cli版本, node 版本和操纵系统信息 |
| 参数 | 形貌 |
|---|
--watch | 继承运转测试. 默许为true |
