Создать проект с Angular 4 Release с помощью Angular CLI

Ответ 1

Вы не можете создать новое приложение Angular с CLI, который использует Angular 4 из коробки. По крайней мере, не сейчас. В настоящее время CLI поддерживается только Angular 2. Я предполагаю, что это скоро изменится.

Однако вы можете создать новое приложение с помощью ng new <app-name>, а затем изменить версию Angular, которую она использует в package.json. Запустите npm install, и все должно работать. Это был мой опыт.

Надеюсь, это поможет вам.

UPDATE:

Я ошибаюсь! Существует опция, которую вы можете передать команде 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.

Ответ 2

Самый простой способ создать проект Angular 4 с помощью Angular CLI - установить более старую версию @angular/cli (1.4.10)

> npm remove -g @angular/cli
> npm install -g @angular/[email protected]
> 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"
  },

Ответ 3

Обновите версию angular -cli, затем попробуйте использовать команду "ng new new_project" для создания нового приложения angular 4.

Ответ 4

В моем случае я уже установил уже давно (около 4 месяцев, но очень долго в терминах Angular). Выполнение npm install -g @angular/cli не выполняло эту работу.

Мне пришлось npm install -g @angular/cli --upgrade обновить cli.

Затем, выполнив ng new myProject --mobile, я получил > 4 Angular

Ответ 5

Ответы, приведенные выше, верны. Однако, если у вас есть открытый проект angular, скажем, в коде VS, вам может потребоваться выполнить несколько разных шагов.

• Установите Node.js® и npm, если они еще не находятся на вашем компьютере.
• Затем установите angular CLI глобально: npm install -g @angular/cli
• Внутри терминала VS-кода запуска: npm install
• (внутри терминала VS-кода) обслуживает приложение: ng serve --open

Ответ 6

Я делаю это, как указано официальной документацией Angular

npm install -g @angular/cli
ng new your-app
cd your-app
ng serve --open

откройте ваш браузер на http://localhost:4200/

Ответ 7

Вы должны проверить свою последнюю версию angular cli:

ng -v

Если вам нужно установить/обновить версию, просто запустите

sudo npm install -g @ angular/cli @latest

Затем вы можете создать проект с помощью comand

ng новое имя_проекта

Есть несколько вариантов, только FYI

ng new Project_Name --style = scss

Теперь это создаст новый проект с именем "Project_Name"

"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"
}

Если вы хотите обновить любые пакеты, вы можете обновить их командой

npm install @ angular/{{package_name}}//Например. npm install @angular/core