Angular CLI官方版

Angular CLI简介

Angular CLI提供编程功能。如果你需要快速构建一个新的编程项目，可以下载这个软件。该软件主要用于Angular项目管理和建设。当它被添加到开发平台时，您可以开始创建一个新的编程项目。您可以将Node.js 14 E2E项目添加到软件中。新版本提供了各种更新的内容，并更新了旧pr定位系统的其余参考。更新到最新版本的纱线，用ansi-colors替换删除的终端工具，更新发布流程以反映软件包的更新，更新更改日志生成器中的恢复模式，更新bazel依赖关系和配置，并添加quote_type！

Angular CLI软件功能

创建一个已经运行的应用程序很容易。

使用简单的命令生成组件、路线、服务和管道。CLI还将为所有这些组件创建简单的测试用例。

在开发过程中轻松地在本地测试您的应用程序。

运行由命令执行的单元测试、端到端测试或角度交织器。

Angular CLI软件特色

Angular CLI的目标

Angular CLI创建、管理、构建和测试Angular项目。它建立在Angular DevKit上。

DevKit的目标

DevKit的目标是提供大量可用于管理、开发、部署和分析代码的库。

Angular CLI教程

入门-本地开发

固定

要在本地开始使用，请遵循以下说明:

1.如果你还没有完成这项工作，请离开仓库。

2.使用git克隆到本地计算机。

3.确保安装了节点10.13或更高版本。

4.确保纱线已经安装好；

5.the从这个项目的克隆根(没有参数)运行来安装依赖项。

生成并安装命令行界面

本地构建:

纱线制造-本地

这将在dist/ directory中生成许多tarball。要实际使用本地构建的工具，请切换到另一个存储库来重现您想要修复的特定问题(或者只使用生成的本地存储库ng new)。安装本地构建的软件包:

cd " $ {示例_ANGULAR_PROJECT_REPO} "

npm install -D $ {CLI_REPO} / dist / *。图斯特拉古铁雷斯

此示例项目的构建将使用从以前的本地构建创建的工具，并包括所有本地更改。使用命令行界面时，它将自动安装在本地并使用(如果存在)。这意味着您可以运行:

npm安装-g @ angular / cli

获取最新命令行界面版本的全局安装。Ng，在示例项目中运行任何命令都会自动找到并使用本地版本的CLI。

注意:如果您正在测试ng update，请注意安装所有tarball也会将框架(@angular/core)更新到最新版本。在这种情况下，您只需要使用CLI单独安装NPM install-d $ { CLI _ repo }/dist/_ angular _ CLI . tgz，这样项目的其余部分仍然需要使用来升级ng update。

接受初步测试

要调试CLI的调用，请为示例项目构建和安装CLI，并按以下方式运行所需的ng命令:

节点& # 8211；inspect-brk node_modules /。bin/ng & # 8230；

当命令行界面启动时，这将触发断点。您可以使用IDE支持的机制与此连接，但最简单的选择是打开Chme到chme:// inspect，然后单击inspect链接Node _ modules/。节点目标的bin/ng。

遗憾的是，CLI在执行过程中会动态处理require()的其他文件，因此调试器无法提前知道所有的源代码文件。因此，在命令行界面加载文件之前，很难在文件上设置断点。最简单的解决方案是使用调试器；在您感兴趣的文件中停止执行，您应该能够按预期单步执行并设置断点。

试验

有两种测试套件可以在本地运行:

单元测试

运行所有测试:纱线测试//包装/& # 8230；

使用完整的Bazel目标示例运行部分测试:纱线Bazel测试//包装/示意图/角度:angular _ test。

测试目标的完整列表，请使用以下bazel查询:纱Bazel查询& # 8220；测试(///包/& # 8230；)”

端到端测试

run:节点测试/legacy-cli/run_e2e.js

运行一些测试:节点测试/传统命令行界面/运行e2e.jstests/legacy-CLI/e2e/tests/i18n/ivy-localize-*

当调试命令运行时，节点将停止并等待调试器连接。您可以将集成开发环境连接到调试器，在断点处停止并逐步执行代码。

调试特定测试时，请将descbe()或it()更改为只关注一个带有fdescbe()和fit()的测试。通过不运行不相关的测试，这将保持输出整洁并加快执行速度。

集成开发环境特定用途

在特定IDE中开发的一些其他技能。

Intellij IDEA / WebStorm

要将项目加载到Intellij产品中，只需打开存储库文件夹。是不是Import Pject，因为会覆盖现有的配置？

打开后，编辑器应该会自动检测工作区中的运行配置。使用下拉菜单选择要运行的程序，然后单击运行按钮启动它。执行调试目标时，请确保单击调试图标以自动附加调试器(如果单击运行，节点将始终等待调试器附加)。

创建新包

向该存储库添加包意味着运行两个单独的命令:

1、原理图开发包:package PACKAGE _ NAME .这将更新。monorepo文件，并为新包(package.json、src/index等)创建基础文件。).

2、dev kit-管理模板。这将更新自述文件和添加新包时可能已更改的所有其他模板文件。

对于私人套餐，您需要& # 8221；pvate & # 8221:true手动将密钥添加到package.json这将需要重新运行模板管理脚本。