Angular 2
Радиально-кли

Вступление

Создать пустое приложение Angular2 с угловым cli

Требования:

• NodeJS: страница загрузки
• npm или пряжа

Выполните следующие команды с cmd из папки нового каталога:

1. npm install -g @angular/cli или yarn global add @angular/cli
2. ng new PROJECT_NAME
3. cd PROJECT_NAME
4. ng serve

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

Создание компонентов, директив, труб и услуг

просто используйте ваш cmd: вы можете использовать команду ng generate (или просто ng g) для генерации угловых компонентов:

• Компонент: ng g component my-new-component
• Директива: ng g directive my-new-directive
• Труба: ng g pipe my-new-pipe
• Сервис: обслуживание ng g service my-new-service
• Класс: ng g class my-new-classt
• Интерфейс: интерфейс ng g interface my-new-interface
• Enum: ng g enum my-new-enum
• Модуль: ng g module my-module модуля ng g module my-module

Добавление сторонних библиотек

В angular-cli.json вы можете изменить конфигурацию приложения.

Если вы хотите добавить ng2-bootstrap, например:

1. npm install ng2-bootstrap --save или yarn add ng2-bootstrap

2. В angular-cli.json просто добавьте путь к бутстрапу в узловых модулях.

   "scripts": [
       "../node_modules/jquery/dist/jquery.js",
       "../node_modules/bootstrap/dist/js/bootstrap.js"
    ]
   

строить с угловым кли

В angular-cli.json по ключу outDir вы можете определить свой каталог сборки;

они эквивалентны

ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod

и так

ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build

При создании вы можете изменить base tag () в своем index.html с помощью опции -base-href your-url.

Устанавливает базовый тег href в / myUrl / в вашем index.html

ng build --base-href /myUrl/
ng build --bh /myUrl/

Новый проект с scss / sass как таблица стилей

Файлы стиля по умолчанию, сгенерированные и скомпилированные с помощью @angular/cli - это css .

Если вы хотите использовать scss вместо этого, сгенерируйте свой проект с помощью:

ng new project_name --style=scss

Если вы хотите использовать sass , сгенерируйте свой проект с помощью:

ng new project_name --style=sass

Задайте пряжу как менеджер пакетов по умолчанию для @ angular / cli

Пряжа является альтернативой для npm, менеджера пакетов по умолчанию на @ angular / cli. Если вы хотите использовать пряжу в качестве менеджера пакетов для @ angular / cli, выполните следующие действия:

Требования

• пряжа ( npm install --global yarn или см. страницу установки )
• @ angular / cli ( npm install -g @angular/cli или yarn global add @angular/cli )

Чтобы установить пряжу как менеджер пакетов @ angular / cli:

ng set --global packageManager=yarn

Чтобы вернуть npm в качестве менеджера пакетов @ angular / cli:

ng set --global packageManager=npm