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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值