使用Angular4手把手构建符合企业实际的项目管理系统----【AngularCLI】ng命令的使用

安装

要安装Angular CLI需要先安装node和npm,之后会生成一系列ng的命令

ng new 构建项目

命令 描述
ng new <project-name> [options] 创建一个新的 Angular 项目,默认在当前所在目录下

可选参数:

参数 描述
--dry-run -d 只输出要创建的文件和执行的操作,实际上并没有创建项目
--verbose -v 输出详细信息
--skip-npm 在项目第一次创建时不执行任何npm命令
--name 指定创建项目的名称

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 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

猜你喜欢

转载自www.cnblogs.com/july-notes/p/8990639.html