Angular CLI 的ng命令常用整理
当前对应版本:angular-cli:1.0.0 node:8.9.3 os:win32 x64
1.创建项目 ng new
命令 | 描述 |
---|---|
ng new <project-name> [options] |
创建一个新的 Angular 项目,默认在当前所在目录下 |
参数 | 描述 |
---|---|
--dry-run -d |
只输出要创建的文件和执行的操作,实际上并没有创建项目 |
--verbose -v |
输出详细信息 |
--skip-npm |
在项目第一次创建时不执行任何npm命令 |
--name |
指定创建项目的名称 |
2.创建控件 ng g component
命令 | 描述 |
---|---|
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。 |
3.查看版本 ng version
命令 | 描述 |
---|---|
ng version |
输出cli版本,node 版本和操作系统信息 |
参数 | 描述 |
---|---|
--watch |
继续运行测试. 默认为true |
ng new PROJECT_NAME cd PROJECT_NAME ng serve
将会自动在浏览器中打开默认地址http://localhost:4200/
. 运行之后如果你修改了程序源代码.应用将会自动重载.
你也可以自定义配置 IP,端口和实时重载端口号
ngserve --host0.0.0.0--port4201--live-reload-port49153
5.打包编译 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 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
6.等还有其他命令
参考来自:https://www.cnblogs.com/ckAng/p/6693702.html
更多: