Как установить AngularJS 2 с помощью NPM?

Я пытаюсь настроить собственную локальную среду разработки для приложения Angular 2, не используя семя QuickStart, упомянутое в Angular 2 site или Angular CLI, потому что они, как правило, поставляются с дополнительными файлами, которые мне действительно не нужны.

Теперь все идет хорошо, за исключением того, что я не знаю, как получить Angular 2 с помощью NPM. Я пробовал использовать npm install angular2 --save, но я только узнал, что angular2 устарел и был предварительной версией. Так что я думаю, как мне получить последние плагины Angular 2.0, используя NPM, если это вообще возможно на данный момент?

Ответы

Ответ 1

в https://angular.io/docs/ts/latest/guide/setup.html, рекомендуется использовать семя QuickStart, вот его package.json, поэтому нам нужно загрузить его зависимости:

"dependencies": {
  "@angular/common": "~2.4.0",
  "@angular/compiler": "~2.4.0",
  "@angular/core": "~2.4.0",
  "@angular/forms": "~2.4.0",
  "@angular/http": "~2.4.0",
  "@angular/platform-browser": "~2.4.0",
  "@angular/platform-browser-dynamic": "~2.4.0",
  "@angular/router": "~3.4.0",

  "angular-in-memory-web-api": "~0.2.4",
  "systemjs": "0.19.40",
  "core-js": "^2.4.1",
  "rxjs": "5.0.1",
  "zone.js": "^0.7.4"
}

вы также можете создать свой собственный package.json, выполнив npm init, скопировав эти зависимости (или большинство из них), а затем запустив npm install с помощью пакета package.json

Ответ 2

Angular 4 можно установить двумя способами:

Примечание. Убедитесь, что ваша система уже установлена node js и npm

Выполните шаги клонирования к запуску с помощью команд терминала.
Загрузите семя QuickStart и распакуйте его в папку проекта. Затем выполните шаги, упомянутые ниже, с помощью команд терминала.

1. Клонирование:

Предположим, вы хотите создать проект с именем helloworld, а затем запустите следующие команды с вашего терминала

 git clone https://github.com/angular/quickstart.git helloworld
 cd helloworld
 npm install
 npm start

После запуска последней команды вы можете видеть из своего браузера, как это

2. Скачивание:

Загрузите семя QuickStart и распакуйте его в папку проекта. Затем выполните следующие шаги с помощью команд терминала.

cd quickstart
npm install
npm start

Подробнее см. официальный сайт

Ответ 3

Вставьте указанный ниже код в файл, создав и называя его как package.json.

{
"name": "demo-app",
"version": "1.0.0",
"author": "Aravind",
"description": "set up files for the first Demo App",
"scripts": {
    "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lint": "tslint ./app/**/*.ts -t verbose",
    "lite": "lite-server",
    "typings": "typings",
    "postinstall": "typings install"
},
"license": "ISC",
    "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",

    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.23",

    "bootstrap": "^3.3.6"
},
"devDependencies": {
    "concurrently": "^2.2.0",
    "lite-server": "^2.2.0",
    "tslint": "^3.7.4",
    "typescript": "^2.0.2",
    "typings": "^1.0.4"
},
"repository": {}
}

перейдите в корневую папку в Cmd и
```
npm install 

or

npm i 
```

Альтернативно, если вы хотите создать новый package.json

Перейдите в папку в командной строке
Выполните команду
```
npm init
```
Это создаст новый файл package.json и скопирует указанный выше код для установки angular2 вместе с несколькими другими базовыми зависимостями.

Если вы ищете простую настройку. Взгляните на этот пост.

Ответ 4

Это зависит от вашего инструмента построения, если это веб-пакет, вам нужно просто установить компоненты angular, например:

  "dependencies": {
    "@angular/common": "~4.0.0",
    "@angular/compiler": "~4.0.0",
    "@angular/core": "~4.0.0",
    "@angular/forms": "~4.0.0",
    "@angular/http": "~4.0.0",
    "@angular/platform-browser": "~4.0.0",
    "@angular/platform-browser-dynamic": "~4.0.0",
    "@angular/router": "~4.0.0"
}

И все дополнительные модули поставщика, если это необходимо в вашем случае.

Ответ 5

Установка Angular Зависимости

Установите стабильную версию Node (если она еще не установлена) и проверьте установку с помощью node -v
Установите TypeScript с помощью command npm install -g typescript
Загрузите и установите Angular CLI с помощью команды npm install -g @angular/cli

Angular - это компонентная ориентированная структура. Для создания всего приложения необходимо создать множество компонентов. Компонент представляет собой группу настраиваемых элементов, HTML элементов, ShadowDOM и HTML импорта.

Ответ 6

Загрузить пример из https://angular.io/
Сохраните этот код и переименуйте его.
Перейдите в корневую папку на Cmd.
```
$ cd myproject
```
Выполните команду
```
$ npm install
$ npm start
```