如何在不安装 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>
将
例子
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 命令和原理图时
- 设置功能齐全的 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 项目的特定版本的详细内容,更多请关注其它相关文章!