如何为不同版本的 Angular 2|4|5|6 创建项目答案

【问题标题】：How to create project for different versions of Angular 2|4|5|6如何为不同版本的 Angular 2|4|5|6 创建项目
【发布时间】：2018-07-31 07:20:08
【问题描述】：

在我的window 8系统中，已经安装了Angular CLI 6.1.1。我想为 Angular2、Angular4、Angular5 和 Angular6 创建项目。但是当我使用以下命令创建项目时：

新的演示

在 pachage.json 中添加以下代码：

    {
  "name": "demo2",
  "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": {
    "@angular/animations": "^6.1.0",
    "@angular/common": "^6.1.0",
    "@angular/compiler": "^6.1.0",
    "@angular/core": "^6.1.0",
    "@angular/forms": "^6.1.0",
    "@angular/http": "^6.1.0",
    "@angular/platform-browser": "^6.1.0",
    "@angular/platform-browser-dynamic": "^6.1.0",
    "@angular/router": "^6.1.0",
    "core-js": "^2.5.4",
    "rxjs": "^6.0.0",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.7.0",
    "@angular/cli": "~6.1.1",
    "@angular/compiler-cli": "^6.1.0",
    "@angular/language-service": "^6.1.0",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.2.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.3.0",
    "ts-node": "~5.0.1",
    "tslint": "~5.9.1",
    "typescript": "~2.7.2"
  }
}

我应该怎么做才能为 Angular 2|4|5|6 创建项目？

【问题讨论】：

标签： angular angular-cli angular6 angular2-cli

【解决方案1】：

在 Package.json 中，我们只能配置一个 Angular 版本 2/4/5/6。据我所知，Angular CLI 不支持单个代码库中的多个 Angular 项目。

【讨论】：

我想创建不同版本的不同项目，但是每次运行“ng new demo”时，它只为Angular6创建项目，我不想在其中创建多个Angular项目一个单一的代码库，而不是它，我想创建具有不同版本的不同项目。
您可以将 Angular CLI 本地版本降级到 1.x。您可以将 package.json 配置为版本 2/4/5。
如果你想给 angular 2 加星号，请参考这个链接csharp-video-tutorials.blogspot.com/2017/06/…
我已将 Angular CLI 版本降级到 1.4.9。当我运行“ng new demo”时，它会给出错误“您不能在 Angular CLI 项目中使用 new 命令。”
降级后。您是否使用 ng -v 检查了角度版本？此外，您需要从 New 文件夹创建一个新项目，而不是在现有的 Angular 项目中。

【解决方案2】：

您可以使用npx临时下载某个版本的ng cli并使用它来创建脚手架，例如npx -p @angular/cli ng new hello-world-project

【讨论】：

我应该在给定命令中在哪里指定 Angular CLI 的版本
通过在包名末尾插入@来指定版本，例如npm install -g angular-cli@1.0.0-beta.14
当我将 Angular CLI 版本降级到 1.4.9 时，它会在我运行 ng new demo 时出错 - “你不能使用 ng new demo Angular CLI 项目中的 b>new 命令。”