Инициализация проекта

Для работы необходимо поставить Angular CLI, это утилита, при помощи которой генерируются и прописываются, где это требуется, Angular-проекты/модули/компоненты и т.д. Работа с ней происходит из командной строки. Чтобы установить её, нужно в папке, где находятся ваши проекты, открыть bash. Я работаю в Windows и все манипуляции буду производить в bash, который идёт вместе с Git.

Итак, глобально устанвливаем Angular CLI.

npm:

npm install -g @angular/cli

yarn:

yarn global add @angular/cli

Если используете yarn, то нужно зарегистрировать его в качестве менеджера пакетов для Angular CLI, для этого используем команду:

ng set --global packageManager=yarn

Теперь, когда закончена установка Angular CLI, мы одновременно создаём папку нашего проекта и инициализируем Angular-проект. Если вы уже создали папку проекта, выйдете из неё на уровень выше и удалите её, иначе команда не сработает. Вы можете задать для своей папки любое имя, это никак не повлияет на дальнейшую работу.

ng new start-angular

Переходим в консоли в папку, это необходимо.

cd start-angular

После того, как пакеты установлены, запускаем Angular-проект командой

ng serve --open

Параметр --open или -o (это сокращённый вариант параметра) открывает новую вкладку в браузере, назначенным по умолчанию, и показывает в нём стартовый проект.