安全地试验 Angular 现有项目的开发人员指南

在不中断现有项目的情况下探索 Angular 18

我最近正在开发 Angular 17 项目，并渴望探索 Angular 18 令人兴奋的新功能。但是，我希望以一种不会影响已经投入生产或正在运行的现有项目的方式来实现这一点。质量检查阶段。这提出了一些挑战：

• 全局 Angular 17： 我在全局安装了 Angular CLI 版本 17。
• Angular 18 要求： Node.js 版本 18.19 或更高版本是 Angular 18 的先决条件。
• 保留现有项目：我需要保持现有的 Angular 17 项目不变。

利用节点版本管理器 (NVM)：

为了解决这个问题，我决定利用节点版本管理器（NVM）。 NVM 允许您管理系统上的多个 Node.js 版本，从而可以轻松地在不同项目之间进行切换。我的设置方法如下：

1. 安装NVM：您可以按照NVM官方网站的说明在这里下载并安装它。

2. 安装 Node.js 18+:安装 NVM 后，我使用了命令
   

nvm install latest 

这安装了最新的 Node.js 版本（当时是 22.4.1）。

创建单独的开发环境：

接下来，我为我的 Angular 18 练习项目创建了一个单独的目录。这有助于将环境与我现有的项目隔离。

本地安装 Angular 18：

要为此特定项目安装 Angular 18，我使用了以下命令：

npm install @angular/cli@latest 

注意缺少 -g。这会在项目目录中本地安装最新的 Angular CLI 版本（当时为 18.1.0），而不影响全局安装。

惊喜！还没有完全实现：

当我尝试使用 ng newpractice-project 创建新项目时，它默认使用全局安装的 Angular CLI 版本 (17)。这就是 npx 的魔力所在。

介绍节点包执行器（npx）：

npx 允许您从 npm 执行包，而无需全局安装它们。事实证明，这是在我的新项目中使用特定 Angular CLI 版本 (18) 的关键。这是获胜命令：

npx @angular/cli@18 new my-angular-18-project

我通过执行 ng version 来验证项目

成功！探索 Angular 18：

等待安装必要的依赖项后，我就有了一个全新的 Angular 18 项目（my-angular-18-project）！这使我能够探索 Angular 18 的所有新功能，包括令人兴奋的 @let 语法，而不会干扰我现有的 Angular 17 项目。

以上是安全地试验 Angular 现有项目的开发人员指南的详细内容。更多信息请关注PHP中文网其他相关文章！