Angular CLI常用的指令

一.什么是CLI?

Angular CLI是一个命令行接口（Command Line Interface），用来实现自动化开发工作流程。

作用：

1.创建一个新的Angular项目
2.运行项目
3.添加新的功能到Angular项目中
4.运行应用程序中的单元测试
5.构建应用程序等

二.常见的命名：

1.查看版本ng version：

命令	描述
ng version	输出cli版本, node 版本和操作系统信息
ng version --watch	继续运行测试. 默认为true

 

 

 

 

2.创建项目 ng new <project_name>：

命令	描述
ng new <project_name>	创建一个Angular项目，默认在当前所在目录下
--skip -npm	在项目第一次创建是不执行任何npm命令
--verbose -v	输出详细信息
--dry -run -d	只要输出要创建的文件和执行的操作，实际上并没有创建项目

 

 

 

 

 

 

3.启动项目 ng  serve:

re: ng serve --host 127.0.0.1 --port 4000

命令	描述
ng serve	启动项目命令，IP默认为localhost 端口4200
--host	修改项目启动IP
--port	修改项目启动端口

 

 

 

 

 

4.创建控件 ng g comment:

命令	描述
ng g <type> [optins]	在项目中构建新的代码简写
ng generate <type> [options]	在项目中构建新的代码

 

 

 

 

支持的类型	举例
Comment	ng g comment new-comment
Directive	ng g directive new-directive
Service	ng g service new-service
Pipe	ng g pipe new-pipe
Class	ng g class new-class
Interface	ng g interface new-interface
Enum	ng g enum new-enum
Module	ng g Module new-module

 

 

 

 

 

 

 

 

 

5.打包编译ng build：

命令	描述
ng build	打包编译
ng build --prod	生产构建
ng build --dev	开发构建

 

 

 

 

 

6.运行单元测试ng test:

命令	描述
ng test	运行单元测试
ng e2e	运行end-to-end测试

 

 

 

 

要是觉得本博客对你有用请给个赞加个关注，谢谢