如何在不安装 Angular CLI 的情况下创建 Angular 项目的特定版本

您是否正在使用 Angular 并需要使用不同的 Angular 版本设置项目？这是为特定版本创建 Angular 项目的简单指南，无论是否使用 Angular CLI！

为什么使用特定的 Angular 版本？

在处理多个 Angular 项目时，有时您需要锁定特定版本。也许您的项目依赖于仅在特定版本中可用的某些功能，或者可能需要与遗留代码库兼容。

以下是如何创建具有特定 Angular 版本的项目 - 无论您是否使用 CLI！

---

1. 创建 Angular 项目不安装 Angular CLI

您是否知道无需安装 CLI 即可初始化特定版本的 Angular 项目？让我们看看语法和示例。

句法

npm init @angular@3d689bd3819ead35ed794427bd12f459 1b8b62ddc634804650a3eb289a01f98b

替换;使用您想要的 Angular 版本和 与您的项目名称。例如，如果您想创建一个名为 SampleApp 的 Angular 16 项目，您可以运行：

例子

npm init @angular@16 sampleApp

此方法设置了一个基本的 Angular 项目，无需全局安装 Angular CLI。如果您想避免安装额外的工具或者在受限的环境中工作，它会很方便。

其他例子

• 名为legacyApp的Angular 13项目：
  

  npm init @angular@13 legacyApp
  

此命令直接拉取必要的 Angular 版本，设置特定于该版本的项目结构和依赖项。

---

2. 使用 Angular CLI 创建 Angular 项目的特定版本

如果您更喜欢使用 Angular CLI，您仍然可以为特定版本创建项目，而无需永久安装 CLI。使用 npx 直接运行 CLI，指定您的版本。

句法

npx -p @angular/cli@3d689bd3819ead35ed794427bd12f459 ng new 1b8b62ddc634804650a3eb289a01f98b

此命令使用 npx 临时运行指定的 CLI 版本，创建适合该 Angular 版本的项目。

例子

npx -p @angular/cli@13 ng new demoApp

此命令会使用 Angular CLI 版本 13 创建一个新项目，即使您在全局安装了不同的 Angular CLI 版本也是如此。

使用 npx 的优点：

• 无需永久安装：一次性下载指定的CLI版本，节省空间并避免潜在的版本冲突。
• 轻松切换版本：您可以在不同项目的版本之间快速切换，而无需管理多个全局 CLI 安装。

---

何时选择 CLI 与非 CLI 方法

没有 CLI

• 当您想要最少的设置时
• 在没有全局 Angular CLI 安装的受限环境中工作时

使用 CLI

• 当您需要利用 CLI 命令和原理图时
• 设置功能齐全的 Angular 工作区时

---

总结

无论您选择使用还是不使用 CLI，Angular 的 npm init 和 npx 的灵活性都可以让您轻松管理跨不同版本的项目。因此，下次您需要启动特定的 Angular 版本项目时，您将确切地知道如何执行此操作，而无需为 CLI 安装而烦恼！

快速命令回顾

Angular Version	Without CLI	With CLI
16	npm init @angular@16 sampleApp	npx -p @angular/cli@16 ng new sampleApp
13	npm init @angular@13 legacyApp	npx -p @angular/cli@13 ng new demoApp

---

就是这样！希望您发现本指南对您的 Angular 项目有所帮助。如果您对使用特定 Angular 版本有任何疑问或技巧，请在下面发表评论。

编码愉快！

以上是如何在不安装 Angular CLI 的情况下创建 Angular 项目的特定版本的详细内容。更多信息请关注PHP中文网其他相关文章！