如何更改（升级或降级）角度版本？

Question

我最近安装了Angular 6，并想重新使用Angular 5.2如何将我的Angular版本从我拥有的任何版本更改为我选择的任何版本？

Answer 1

检查当前安装的版本：

# ng version

Angular CLI: 12.1.0
Node: 12.18.4
Package Manager: npm 6.14.6
OS: linux x64

Angular: 12.2.10
... animations, common, compiler, compiler-cli, core, forms
... google-maps, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1201.0
@angular-devkit/build-angular   12.1.0
@angular-devkit/core            12.1.0
@angular-devkit/schematics      12.1.0
@angular/cdk                    12.1.0
@angular/cli                    12.1.0
@angular/language-service       12.1.0
@schematics/angular             12.1.0
rxjs                            6.6.2
typescript                      4.2.3
    

然后继续安装到您的项目，而不是使用-g或--global

选项指示NPM自动将包包含在package.json的依赖项部分中，从而节省额外的步骤。

ie；

npm i --save @angular/cli@x.x.x

如果你想使用global，

npm i -g @angular/cli@x.x.x

参考：npm安装的--保存选项是什么？

Answer 2

首先你需要卸载，安装cli

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@1.6.1

在此之后，删除node_modules目录

然后在package.json中更改您的包版本，使其具有如下版本

{
  ...
  },
  ...
  "dependencies": {
    "@angular/animations": "5.2.2",
    "@angular/cdk": "^5.2.2",
    "@angular/common": "5.2.2",
    "@angular/compiler": "5.2.2",
    "@angular/core": "5.2.2",
    "@angular/forms": "5.2.2",
    "@angular/http": "5.2.2",
    "@angular/material": "^5.2.2",
    "@angular/platform-browser": "5.2.2",
    "@angular/platform-browser-dynamic": "5.2.2",
    "@angular/router": "5.2.2",
    "@ngrx/core": "^1.2.0",
    "@ngrx/store": "^4.0.3",
    "core-js": "^2.5.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.5.2",
    "typescript": "^2.4.2",
    "web-animations-js": "^2.3.1",
    "zone.js": "^0.8.18"
  },
  "devDependencies": {
    "@angular/cli": "1.6.1",
    "@angular/compiler-cli": "5.2.2",
    "@angular/language-service": "5.2.2",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    ...
  }
}

并安装软件包

npm install

Answer 3

我将尝试对未来类似的问题给出一个总体答案。

项目中使用的角的版本由安装的角cli的版本决定。任何特定版本的角cli都可以使用以下命令安装：

npm安装--global@angular/cli@x.x.x.

例子：

npm安装--global@angular/cli@1.6.6

即使您安装了另一个版本的角cli（更新或更旧）。这应该不会引起问题。但是，为了确保您可以使用：

npm卸载-g angular cli

npm缓存清理

npm安装-g-cli@1.6.1