如何在不安装 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></project-name></version>

替换为您想要的 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 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 项目的特定版本的详细内容,更多请关注其它相关文章!