如何使用 CLI 创建特定版本的 Angular 项目?

How to Create a specific version of Angular Project using CLI?

我的 npm 版本是 5.5.1angular cli 版本是 6.2.1。当我尝试使用命令 ng new Project_name 创建一个新项目时,它正在创建最新版本的 angular (在我的例子中 它正在创建 Angular 版本 ^6.1.0)。但是我想要Angular4。 我的问题是如何创建这个Angualr2/4/5(特定版本而不是最新版本)? 我不认为更改 package.json 中的版本值对我的情况有帮助,因为旧版本和最新版本 6 存在一些差异(例如一个名称文件已从 angular-cli.json 更改为 anguar.json,不仅名称而且内容也发生了变化。) 我也在 Angular-cli Github 网站上提出了同样的问题。 click here

提前致谢!!

创建一个 package.json 文件,然后定义要安装的 angular 版本,然后 运行 npm install 它将创建所需版本的项目,而不管全局 angular cli

使用 CLI 无法创建特定的 angular 版本。

但是您可以将特定版本的 angular CLI 安装到特定文件夹中。

例如:

第一个 create new folder 在任何驱动器内。我要在 D 盘中创建演示文件夹。例如:d:\projects\demo.

然后在 Command Prompt(cmd) 中找到此文件夹,或者只需在 windows 中创建的文件夹地址栏中键入 cmd 并按回车键。

现在键入 angular 特定版本命令:npm install @angular/cli@1.7.x for angular 5. 对其他版本使用类似的命令。

完成安装后,只需在您最近安装的特定文件夹中创建新的 angular 项目 angular。例如:d:\projects\demo\

现在使用命令 ng new Project_name 创建 angular 项目,它将创建 your specific angular version 项目。

在我的示例中,它将创建 angular 5 个项目。

这应该可以 使用名为 npx npm i -g npx 的包,当您需要创建一个 angular 项目时,第一次使用此命令 npx -p @angular/cli ng new hello-world-project 之后你可以使用正常的命令来工作,比如 ng g c abc

简单的方法: 示例:npm install @angular/cli@6 这里的 -g 标志告诉 npm 在全局范围内执行此安装。最后的 6 告诉 npm 我想要最新的可用版本 6。

如果我想为 Angular 5 创建一个新应用程序,我会这样做:

> npm install @angular/cli@1
> ng new my-ng5-app

请记住,Angular CLI 是 Angular 5.

的 1.7 版

如果我想为 Angular 6 创建一个新应用程序,我会这样做:

> npm install @angular/cli@6
> ng new my-ng6-app

如果我想为 Angular7 创建一个新应用程序,我会这样做:

> npm install @angular/cli@7
> ng new my-ng7-app

如果我想为 Angular 12 创建一个新应用程序,我会这样做:

> npm install @angular/cli@12
> ng new my-app-name

希望对您有所帮助谢谢....!

您可以使用 npx 命令,它是 Node.js 包运行器,通过 运行 包直接从注册表而不影响全局安装的包注册表 (-g)。

@next 会自动安装来自 Angular repo 的最新预览版(现在指的是版本 9 rc),像这样:

npx @angular/cli@next new Angular9Project

否则,您可以提供具体版本:

npx @angular/cli@7 new Angular7Project

NPX comes bundled with NPM version 5.2+

TL;DR
Use a package called npx (run npm i -g npx if not already installed) and when you need to create an angular project, just use this command the very first time:
npx -p @angular/cli@latest ng new hello-world-project

Note: Replace @latest with your desired CLI version.
Remember:, For Angular 6 & above, the Angular-CLI version has been brought to the same level as the Angular such that npx -p @angular/cli@6 creates angular 6 project & npx -p @angular/cli@7 creates angular 7 project etc.

解释:
所以比如你想创建angular4项目,修改上面的命令包括 angular-cli 版本 1.4.10 像这样 npx -p @angular/cli@1.4.10 ng new hello-world-project 然后当你的项目设置完成后你可以返回使用正常的 ng generate 和其他命令。

Angular-cli versions indicate which angular version will be associated with a project & angular-cli 1.4.10 creates angular 4 projects

编辑:

这里有一些有用的版本控制信息,关于哪个 cli 创建哪个 angular 版本。

 CLI version     Angular version

 1.0 - 1.4.x       ^4.0.0
 1.5.x             ^5.0.0
 1.6.x - 1.7.x     ^5.2.0
 6.x               ^6.0.0
 7.x               ^7.0.0

此外,如果您想使用最新的稳定版本来创建某个 angular 项目,您可以像这样使用 npx 命令 npx -p @angular/cli@1.7 它将使用 cli 版本 1.7.4,这是angular 5.

的最新稳定版本