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

Rav*_*r B 19 npm angular-cli angular angular-cli-v6

实际上,我的npm版本是5.5.1,角度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网站上提出了同样的问题.点击这里

提前致谢!!强文

Ela*_*Tal 58

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

@next 将自动安装来自 Angular 存储库的最新预览版本(现在是指版本 9 rc),如下所示:

npx @angular/cli@next new Angular9Project
Run Code Online (Sandbox Code Playgroud)

否则,您可以提供特定版本:

npx @angular/cli@7 new Angular7Project
Run Code Online (Sandbox Code Playgroud)

NPX 与 NPM 5.2+ 版捆绑在一起

  • 这应该是公认的答案。 (5认同)

Sha*_*ani 23

使用CLI无法创建特定的角度版本.

但您可以将角度安装到特定项目中.

例如 :

首先create new folder在任何驱动器内.例如:d:\projects\demo.

然后,找到里面的这个文件夹Command Prompt(cmd).和

运行命令:cmdfor angular 5.并将其用于其他版本.

之后npm install @angular/cli@1.7.x使用该命令在demo文件夹中d:\projects\demo\,它将创建ng new Project_name.

  • 你真是太棒了!它正在工作。但是有一件事,你能不能更新你回答的最后一行,比如“在使用命令 **d:\projects\demo\ ng new Project_name** 在演示文件夹中创建项目之后,它将创建 angular 5” (3认同)
  • 不要在 demo/ 文件夹中创建项目,而是使用“ng new Project_name --directory ./”在当前目录中创建该项目。 (3认同)
  • 我仍然收到“路径 package.json 上的合并冲突”,因为我不想有 2 个不同的节点模块文件夹,我的全局是 v12,我想安装 v11,我该怎么办?@SerzhanAkhmetov (3认同)

pix*_*ker 12

我认为最简单、灵活的解决方案是使用 npx:

npm install -g npx
Run Code Online (Sandbox Code Playgroud)

例如创建一个新的 Angular 11 项目:

npx -p @angular/cli@11.1.2 ng new Angular11App
Run Code Online (Sandbox Code Playgroud)


Jun*_*aid 8

TL;DR
使用名为 npx 的包npm i -g npx如果尚未安装,则运行),当您需要创建 Angular 项目时,只需第一次使用此命令:
npx -p @angular/cli@latest ng new hello-world-project

注意:替换@latest为您所需的 CLI 版本。
请记住:对于 Angular 6 及更高版本,Angular-CLI 版本已达到与 Angular 相同的级别,以便npx -p @angular/cli@6创建 Angular 6 项目和npx -p @angular/cli@7创建 Angular 7 项目等。

说明:
例如,如果您想创建 Angular 4 项目,请修改上述命令以包含 Angular-cli 版本 1.4.10,如下所示npx -p @angular/cli@1.4.10 ng new hello-world-project,然后当您的项目设置完成后,您可以返回使用普通命令ng generate和其他命令。

Angular-cli 版本指示哪个 Angular 版本将与项目关联 & Angular-Cli 1.4.10 创建 Angular 4 项目

编辑:

以下是有关哪个 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
Run Code Online (Sandbox Code Playgroud)

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


小智 5

Easy Way:示例:npm install -g @angular/cli@6 这里-g标志告诉npm全局进行此安装。最后的6告诉npm我想要最新的可用版本6。

如果我想为Angular 5创建一个新应用程序,请执行以下操作:

> npm install -g @angular/cli@1
> ng new my-ng5-app
Run Code Online (Sandbox Code Playgroud)

记住,Angular CLI是Angular 5的1.7版本。

如果我想为Angular 6创建一个新应用程序,请执行以下操作:

> npm install -g @angular/cli@6
> ng new my-ng6-app
Run Code Online (Sandbox Code Playgroud)

如果我想为Angular 7创建一个新应用程序,请执行以下操作:

> npm install -g @angular/cli@7
> ng new my-ng7-app
Run Code Online (Sandbox Code Playgroud)

希望对您有所帮助。

  • 很好的答案,对我有帮助。但为什么要在全球范围内安装“cli”呢?它对我来说适用于“npm i @angular/cli@7”,因此它将版本 7 安装在文件夹上,并将我的全局 cli 保留为版本 8 (7认同)
  • -g 标志不会影响其他项目吗? (5认同)