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

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《如何在不安装 Angular CLI 的情况下创建 Angular 项目的特定版本》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

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

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

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

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

---

1. 创建 angular 项目不安装 angular cli

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

句法

npm init @angular@<version> <project-name>

将 替换为您想要的 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@<version> ng new <project-name>

此命令使用 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 项目有所帮助。如果您对使用特定 angular 版本有任何疑问或技巧，请在下面发表评论。

编码愉快！

今天关于《如何在不安装 Angular CLI 的情况下创建 Angular 项目的特定版本》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！