简介

这里有一个小抄，它将帮助您找到您想要使用角度CLI执行的大多数操作所需的命令。有关ANGLE CLI的简要介绍，您可以浏览此tutorial.

检查版本

查看您正在使用的CLI版本：

1ng --version

更新版本

运行以下命令：

1npm uninstall -g @angular/cli cache clean
2npm install -g @angular/cli@latest

帮助

获取一般帮助：

1ng help

或获取特定命令的帮助：

1ng help generate

新建项目

生成新项目：

1ng new my-app

这里有几个你可以使用的标志：

• --ry-run：查看要创建哪些文件，但实际不做任何操作。
• --Verbose：多聊天。
• --跳过安装：不要npm安装，离线或网速较慢时很有用。
• --SKIP-Tests：不创建规范文件。
• --skip-git：不初始化git回购。
• --源目录：源目录的名称
• --routing：在APP中添加路由。
• --prefix：指定组件选择器的前缀。
• --style：默认为css，但可以设置为scss。
• --inline-style：组件使用内联样式，而不是单独的文件。
• --inline-template：组件使用内联模板，不使用单独的文件。

下面是一个带有几个标志的示例：

1ng new my-app --prefix yo --style scss --skip-tests --verbose

生成所有内容

生成零部件：

1ng g c unicorn-component

生成服务：

1ng g s everything-service

生成管道：

1ng g pipe my-pipe

生成指令：

1ng g directive my-directive

生成枚举：

1ng g enum some-enum

生成模块：

1ng g module fancy-module

生成一个类：

1ng g cl my-class

生成接口：

1ng g interface my-interface

生成路由守卫：

1ng g guard my-guard

--ry-run和--aggose标志可以与任何GENERATE命令一起使用。

服务

为您的项目服务

1ng s

在您的默认浏览器中自动服务和打开：

1ng s -o

服务于不同的端口：

1ng s --port 5555

运行测试

1ng test

以及您可以与test命令一起使用的一些标志：

• --Watch：当部分文件发生变化时重新测试。
• --code-overage：添加覆盖报告。
• --progress：显示运行测试的进度。
• --Browsers：指定要使用的浏览器。
• --Colors：输出中是否使用颜色。

Linting

运行Linterer：

1ng lint

以下是给林特的几面旗帜：

• --Fix：对皮棉错误进行修复。
• --force：植绒失败也强制成功。

构建应用

使用Build命令构建您的应用：

1ng build

以下是您可以与Build 一起使用的一些标志：

• --Target：指定构建的目标(例如：--Target Production)。
• --aot：提前编译使用。
• --base-href：指定要使用的基本href。
• --ploy-url：指定部署url。
• --EXTRACT-css：将全局样式放在一个css文件中，而不是保存在JavaScript中。
• --watch：每次文件发生变化时进行重建。

弹出您的webpack配置

棱角分明的CLI不再为你的项目做了吗？只需弹出，您就可以获得完整的webpack配置，以满足您的内心愿望：

1ng eject

结论

这些是用于角度CLI的一些最常用的命令。有关ANGLING CLI的简要介绍，您可以浏览此tutorial.