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

时间:2018-01-12 17:06:56

标签: angular angular-cli

我已使用此命令

安装了Angular-CLI
npm install -g @angular/cli

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

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

6 个答案:

答案 0 :(得分:7)

你可以使用

 npm i @angular/cli@1.4 -g

如果您希望包含JSON文件的版本低于5。

  

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

答案 1 :(得分:4)

您可以使用简单的技巧:在本地安装@angular/cli@1.4并使用它来生成新项目。

为此,请按照下列步骤操作:

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

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

答案 2 :(得分:3)

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

修改

首先从您的cli安装最新版本。然后在package.json的“dependencies”部分中指定所需的版本。例如,如果您想要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

答案 3 :(得分:2)

您可以使用

npm install -g @angular/cli@1.5

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

这是5之前的最新版本

答案 4 :(得分:0)

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

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

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

要像你想要的那样4.XX,你需要找到与你想要的Angular版本兼容的最佳@angular/cli版本(我建议使用1.5.0或更低的@angular/cli)。

答案 5 :(得分:0)

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