如何使用 Angular v4.x 安装 Angular-CLI答案

【问题标题】：How to install Angular-CLI with Angular v4.x如何使用 Angular v4.x 安装 Angular-CLI
【发布时间】：2018-12-18 04:44:22
【问题描述】：

我已经使用这个命令安装了 Angular-CLI

npm install -g @angular/cli

但我意识到它已经安装了 Angular v5.1.3 但我需要使用 Angular 4.x。

如何使用最新版本的 Angular 4.x 安装最新版本的 Angular-CLI？

【问题讨论】：

标签： angular angular-cli

【解决方案1】：

你可以使用

 npm i @angular/cli@1.4 -g

如果你想打包低于 5 版本的 JSON 文件。

从 Angular CLI v1.5 开始，我们添加了对 Angular v5.0.0 的支持，并将默认生成 v5 项目。 see link

【讨论】：

那些在运行此命令时在 windows 中遇到错误的人可以尝试使用 node v12，它对我有用。

【解决方案2】：

您可以使用一个简单的 hack：在本地安装 @angular/cli@1.4 并使用它来生成一个新项目。

为此，请按以下步骤操作：

在新文件夹中使用命令npm init 创建一个简单的nodejs 项目
在本项目下本地安装angular-cli 1.4：npm install @angular/cli@1.4
删除除新创建的node_modules 文件夹之外的节点项目文件：这意味着您将需要删除package.json 以及它可能创建的任何其他文件，例如karma.js 等。
现在您可以使用命令ng new <project name> 创建一个新的Angular 4 项目。它将使用之前安装的本地版本的 angular-cli。
您现在可以删除 node_modules 文件夹。

然后，如果您在新项目中cd，您将拥有一个完整的 Angular 4 项目。

【讨论】：

【解决方案3】：

我认为降级你的 cli 不是一个好主意，因为他们正在修复很多错误。您可以在 package.json 文件中指定您的角度。不要依赖你的cli。

编辑

首先从您的 cli 安装最新版本。然后在 package.json 的“依赖项”部分中指定您想要的版本。例如，如果您想要 Angular 4.3.4，那么您可以编辑 package.json 文件，如

"dependencies": {
    "@angular/animations": "^4.3.4",
    "@angular/common": "^4.3.4",
    "@angular/compiler": "^4.3.4",
    "@angular/core": "^4.3.4",
    "@angular/forms": "^4.3.4",
    "@angular/http": "^4.3.4",
    "@angular/platform-browser": "^4.3.4",
    "@angular/platform-browser-dynamic": "^4.3.4",
    "@angular/router": "^4.3.4",
     ...........................
     ...........................
    }

同时更改您的devDependencies

    "devDependencies": {
      "@angular/compiler-cli": "^4.3.4",
      "@angular/language-service": "^4.3.4",
      .............
    }

现在运行 npm install

  npm install

完成安装后，您应该可以通过ng -v 命令看到您的版本，如下所示

Angular CLI: 1.6.3
Node: 9.3.0
OS: linux x64
Angular: 4.4.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router, tsc-wrapped

@angular/cli: 1.6.3
@angular-devkit/build-optimizer: 0.0.38
@angular-devkit/core: 0.0.25
@angular-devkit/schematics: 0.0.48
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.3
@schematics/angular: 0.1.13
@schematics/schematics: 0.0.13
typescript: 2.4.2
webpack: 3.10.0

【讨论】：

我尝试使用 Angular 4 使用以下命令 ng new angular4test --ng4 使用 Angular-CLI v1.6.4 但我在 package.json 文件“依赖项”中看到了这一点": {"@angular/core": "^5.1.0"}。请告诉我如何指定 Angular 的版本 4？
@vcRobe 我已经编辑了我的答案，看看如何指定你的角度版本

【解决方案4】：

你可以使用

npm install -g @angular/cli@1.5

这应该安装Angular 4.4.6 并将使用angular-cli 1.5.5

这是5之前的最新版本

【讨论】：

它将安装 4.4.6

【解决方案5】：

这意味着您在计算机上全局安装了@angular/cli，以便您可以在控制台的任何位置使用ng 命令。

您需要使用ng new my-project-name 创建一个新的 Angular 项目，它将生成 Angular 项目所需的所有基本文件。

在这些文件中，您将找到一个package.json 文件，其中包含您在项目中需要的所有库引用。默认情况下，它应该在版本 5+ 时具有 angular 包。

要成为你想要的 4.X.X，你需要找到与你想要的 Angular 版本兼容的最佳 @angular/cli 版本（我建议 @angular/cli 使用 1.5.0 或更低版本）。

【讨论】：

【解决方案6】：

使用npm install -g @angular/cli，您将安装@angular/cli 的最新稳定版本。因此，一旦您使用 cli 创建了一个 Angular 项目，就会有一个 package.json 文件，以指定用于项目的 Angular 版本，更改您希望在 package.json 文件中使用的版本。然后运行npm install。

【讨论】：