如何在本地主机中打开/运行旧的角度项目

Question

我正在尝试在团队云端硬盘上运行旧项目，但我不确定将使用哪个节点版本。有没有办法让我在代码中或使用终端检查它？

另外一个问题：

1. 在 READ ME 文件中，它说它使用 Angular CLI 版本 6.0.3。-- 那我需要使用这个版本吗？

2. 由于这是一个旧的 Angular 项目，我是否需要更新依赖项的版本？如果是，怎么办？我需要使用什么命令？

3. node_modules如果package-lock.json我使用npm install可以删除吗？

这是我的整个 package.json

{
  "name": "sample-tool",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "^1.0.0-beta.7",
    "@angular/animations": "^8.2.0-next.1",
    "@angular/common": "^8.2.0-next.1",
    "@angular/compiler": "^8.2.0-next.1",
    "@angular/core": "^8.1.1",
    "@angular/fire": "^5.4.2",
    "@angular/forms": "^8.2.0-next.1",
    "@angular/platform-browser": "^8.2.0-next.1",
    "@angular/platform-browser-dynamic": "^8.2.0-next.1",
    "@angular/router": "^8.2.0-next.1",
    "@ng-bootstrap/ng-bootstrap": "^4.2.1",
    "@swimlane/ngx-charts": "^10.1.0",
    "@swimlane/ngx-datatable": "^15.0.2",
    "angular-calendar": "^0.25.2",
    "angular-datatables": "^6.0.1",
    "angular-file-uploader": "^5.0.2",
    "angular-notifier": "^4.1.1",
    "bootstrap": "^4.4.1",
    "bootstrap-icons": "^1.0.0-alpha2",
    "c3": "^0.4.23",
    "chart.js": "^2.8.0",
    "chartist": "^0.11.3",
    "core-js": "^2.6.9",
    "d3": "^4.8.0",
    "datatables.net": "^1.10.19",
    "datatables.net-dt": "^1.10.19",
    "file-saver": "^2.0.2",
    "firebase": "^7.9.3",
    "jquery": "^3.4.1",
    "lodash": "^4.17.14",
    "ng-chartist": "^1.1.1",
    "ng-multiselect-dropdown": "^0.2.3",
    "ng2-charts": "^1.6.0",
    "ng2-completer": "^2.0.8",
    "ng2-dragula": "^2.1.1",
    "ng2-search-filter": "^0.5.1",
    "ng2-slim-loading-bar": "^4.0.0",
    "ng2-smart-table": "1.3.5",
    "ng2-validation": "^4.2.0",
    "ngx-perfect-scrollbar": "6.1.0",
    "ngx-quill": "^7.0.2",
    "ngx-toastr": "^8.10.2",
    "node-sass": "^4.12.0",
    "pace-js": "^1.0.2",
    "quill": "^1.3.6",
    "rxjs": "^6.5.2",
    "rxjs-compat": "^6.5.2",
    "xlsx": "^0.15.5",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.803.23",
    "@angular/cli": "^8.1.1",
    "@angular/compiler-cli": "^8.2.0-next.1",
    "@angular/language-service": "^8.2.0-next.1",
    "@types/c3": "^0.6.4",
    "@types/chartist": "^0.9.46",
    "@types/datatables.net": "^1.10.17",
    "@types/jasmine": "^2.8.16",
    "@types/jasminewd2": "^2.0.6",
    "@types/jquery": "^3.3.30",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.2.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~1.4.2",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "^5.4.1",
    "ts-node": "~5.0.1",
    "tslint": "~5.9.1",
    "typescript": "~3.4.5"
  }
}

Answer 1

该项目显然是 Angular 的v8。

所以我想说你应该执行以下步骤：

1. 步骤 - 安装最新的 Angular CLI

Angular CLI 会识别项目本身是否使用旧版本的 Angular，因此无需限制自己使用旧版本的 CLI。

2. 步骤 - 安装正确版本的 Node.js

对于 Angular v8，您需要 Node v10.9。

注意：这个Stack Overflow 答案有兼容性表，因此您可以在开始升级项目后检查它。

3. 步骤 - 安装依赖项

安装所有依赖项npm install。

注意：不要删除package-lock.json并执行npm install. package-lock.json保留依赖项版本，如果您删除它并执行npm install，它可以安装更新的版本，这可能会破坏您的项目。

4. 步骤-运行项目

使用 运行项目npm start。

5. 步骤（可选）- 将项目升级到最新版本

您现在可以逐步将应用程序升级到新版本。您可以查看Angular 官方指南来升级项目。

注意：建议一次仅升级一个版本。所以你应该首先升级到v9，然后v10......

注意：升级 Angular 项目时，应首先将所有第三方依赖项升级到下一个版本。否则，如果 Angular 发现不兼容的内容，它会在升级时抛出错误。