使用Angular CLI使用Angular 4 Release创建项目

Question

如何使用Angular CLI使用以下命令使用最新的Angular 4版本创建新项目:

ng new new_project

我安装了以下版本

 - @angular/cli: 1.0.0-rc.2
 - node: 7.7.3
 - npm: 4.4.1

Answer 1

您无法使用开箱即用的Angular 4创建新的Angular应用程序.至少,现在不是.目前,CLI仅支持Angular 2.我想这会很快改变.

但是,您可以使用ng new <app-name>,然后更改它在package.json中使用的Angular的版本来创建新的应用程序.运行npm install,它应该都工作.那是我的经历.

希望这可以帮助你.

更新:

我错了!有一个选项可以传递给ng new将设置项目以使用ng 4的命令.

ng new project_new --ng4

来自ng --help:

--ng4 (Boolean) (Default: false) Create a project with Angular 4 in the template.

现在,这将设置@angular部分package.json,如下所示.

  "dependencies": {
    "@angular/common": ">=4.0.0-beta <5.0.0",
    "@angular/compiler": ">=4.0.0-beta <5.0.0",
    "@angular/core": ">=4.0.0-beta <5.0.0",
    "@angular/forms": ">=4.0.0-beta <5.0.0",
    "@angular/http": ">=4.0.0-beta <5.0.0",
    "@angular/platform-browser": ">=4.0.0-beta <5.0.0",
    "@angular/platform-browser-dynamic": ">=4.0.0-beta <5.0.0",
    "@angular/router": ">=4.0.0-beta <5.0.0",
    ...

刚尝试过,它的确有效.

更新2

该--ng4选项现已被删除,因为最新的 CLI现在只需使用即可创建一个Angular 5项目ng new project_name.

Answer 2

使用Angular CLI创建Angular 4项目的最简单方法是安装旧版本的@ angular/cli(1.4.10)

npx @angular/cli@1.4.10 new myangular4

(感谢爆炸丸)

要么

> npm remove -g @angular/cli
> npm install -g @angular/cli@1.4.10
> ng --version
  @angular/cli: 1.4.10
> ng new myangular4

创建一个myangular4/package.json

{
  "name": "myangular4",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "core-js": "^2.4.1",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },