欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Angualar CLI

程序员文章站 2022-07-14 09:26:39
...

一,功能简介

快速创建Angular项目及组件(new generate)

使用Angular CLI进行同步开发(serve)

使用Angular CLI进行简单测试和打包(test build)

Angualar CLI

二,安装

Angualar CLI

检测:

Angualar CLI

三,Hello Angular CLI

1,创建项目:

Angualar CLI

如果速度较慢,尝试以下方式:

--skip-install

阻止使用npm进行安装

Angualar CLI

四,主要指令及其参数

ng-new指令

Angualar CLI

创建一个含有route路由的项目:

 ng new route-app --skip-install --routing

ng serve

启动服务,加 --port 端口

可以自定义端口

ng generate

简写:ng g

创建新的component组件

ng g component wyy

-m 把组件注册道app.module里面去

ng g service -m app.module

ng test

测试

ng build --prod --aot

项目打包,aot预编译,压缩项目体积

查看打包文件大小:

Angualar CLI