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

Question

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

Answer 1

我会尝试为未来类似的问题给出一个通用的答案。

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

npm install --global @angular/[email protected].

示例：

npm install --global @angular/[email protected]

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

npm uninstall -g angular-cli

npm cache clean

npm install -g [email protected]

Answer 2

首先需要卸载，安装cli

npm uninstall -g angular-cli
npm cache clean
npm install -g [email protected]

此后，删除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

检查当前安装的版本：

# 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

--save

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

即；

npm i --save @angular/[email protected]

如果你想使用全局的话，

npm i -g @angular/[email protected]

参考：npm install 的 --save 选项是什么？

Answer 4

🚨 全局

--global

、

--local

已弃用。请使用

--location=global

代替

npm uninstall --location=global angular-cli 
npm cache clean 
npm install --location=global [email protected]