Angular CLI ng常用命令整理

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
4.启动运行 ng serve
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

更多:

Angular CLI简介

Angular CLI简介2

Angular2开发环境搭建之VS Code

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...