добавить

ng add <package> использует ваш менеджер пакетов и устанавливает зависимость. Эта зависимость может иметь сценарий установки, который можно использовать для выполнения других задач, кроме установки зависимости. Он может обновлять ваши конфигурации, загружать другие зависимости на основе этой или создавать шаблоны шаблонов (с исходной разметкой и логикой).

Чтобы использовать ng add для сторонней зависимости, эта команда должна предоставить схему, описывающую сценарий установки. Сюда могут входить некоторые файлы .scss или .css или связанные файлы .js, которые должны быть включены в файл angular.json.

По предоставленной вами ссылке вы можете установить пакет материалов, а также создать некоторые компоненты с помощью компонентов.

установка нпм

npm install <package> просто устанавливает зависимость.

Подробнее Версия 6 Angular уже доступна .

добавление

Будет использовать ваш менеджер пакетов для загрузки новых зависимостей и вызова сценария установки, который может обновить ваш проект с изменениями конфигурации (также в файле angular.json), добавить дополнительные зависимости (например, полифиллы, если необходимо) или код инициализации для конкретного пакета.

Например, вы запускаете команду ng add @angular/material — Install, она также автоматически установит пакет и настроит его в файле angular.json.

установка нпм

Принимая во внимание, что npm install <package> только установит ваш пакет в ваш проект, но не настроит его для использования.

Например, вы запускаете команду npm install jquery, она установит jQuery в ваш проект, но вам нужно настроить вручную в файле .angular-cli.json (как в v5)

Подробнее читайте здесь -

• https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4

Что касается Angular 7, возьмем, к примеру, пакет @ngrx/store.

Помимо установки пакетов и добавления их в package-lock.json и package.json, ng add сделает это за вас.

1.Создайте файл index.ts в папке reducers и инициализируйте корневой редуктор.

import {
   ActionReducer,
   ActionReducerMap,
   createFeatureSelector,
   createSelector,
   MetaReducer
} from '@ngrx/store';
import { environment } from '../../environments/environment';

export interface State {

}

export const reducers: ActionReducerMap<State> = {

};

export const metaReducers: MetaReducer<State>[] = !environment.production ? [] : [];

2. Добавьте StoreModule в AppModule. (В файле app.module.ts)

import { StoreModule } from '@ngrx/store';
import { reducers, metaReducers } from './reducers';

@NgModule({
  imports: [
    StoreModule.forRoot(reducers, { metaReducers }),
  ]
})