Это мой первый технический пост, и я подумал, что имеет смысл начать свой блог с поста о начале работы с Angular. Я уверен, что это было сделано сотни раз раньше, но, может быть, я могу объяснить это лучше для тупиц, потому что я сам тупица. Итак, вот оно!

Во-первых, есть некоторые привилегии. Вам нужно будет установить узел на вашем компьютере. Если у вас есть машина с Windows, это так же просто, как перейти на https://nodejs.org/ и загрузить LTS-версию node. После загрузки откройте его и запустите установщик. Установите флажок, чтобы добавить его в путь, и все готово.

В качестве примечания есть вещь, называемая NVM (Node Version Manager), которая позволит вам установить несколько версий узла на вашем компьютере и позволит вам легко переключаться между версиями, но это уже другая запись в блоге. Вы можете исследовать это самостоятельно, если вам это интересно, но на данный момент это не повредит установке узла, теперь вы всегда можете удалить его и установить NVM позже.

Итак, когда вы установили узел, он также установил NPM (Node Packet Manager). Это инструмент, который делает установку вещей, которые нам нужны для разработки внешнего интерфейса, очень простой. Итак, первое, что мы собираемся сделать, это установить инструмент Angular CLI. Это инструмент командной строки, который мы будем использовать постоянно. Теперь запустите следующее, чтобы глобально установить Angular на свой компьютер.

 npm install -g @angular/cli

На вашем компьютере будет установлена ​​последняя версия Angular. На момент написания это Angular 8. Это означает, что когда вы создаете новый проект Angular, вы собираетесь создать приложение Angular 8. Если вы хотите создать более старое приложение Angular, вам придется попросить друга сделать это за вас или установить более раннюю версию. Это не означает, что вы не можете работать над проектами Angular, которые ниже версии Angular 8. Это просто означает, что вы не можете создать приложение Angular версии ниже 8.

Итак, теперь у нас глобально установлен Angular на нашем компьютере, и мы можем создать наше первое приложение Angular. Для этого мы собираемся использовать наш очень удобный Angular CLI. Откройте приглашение cmd в том месте, где вы хотите создать новое приложение, и запустите следующее.

ng new my-app

Примите значения по умолчанию, нажав Enter. Вы увидите, как npm делает свое дело, и если все пойдет хорошо, баш, баш, чушь, у вас автоматически будет создано приложение Angular. Если вы на работе и за прокси-сервером, бог вам в помощь. Я раскрою эту адскую тему в другом посте.

cd my-app 
ng serve --open

Перейдите в каталог my-app и запустите команду serve, ваш браузер по умолчанию откроется на порту 4200, и теперь вы должны увидеть красивое приложение Angular по умолчанию.

Открытие тире в приведенной выше команде — это то, как вы предоставляете Angular CLI параметры. Например, если вы используете что-то еще на порту 4200, вы получите ошибку. Чтобы изменить порт, запустите.

ng serve --port 5200

Один из моих любимых вариантов:

--prefix

Это добавит префикс ко всем вашим компонентам, как это рекомендуется. Но для большего количества вариантов проверьте эту ссылку https://angular.io/cli/generate

Поздравляем, вы стали разработчиком Angular!

Время для пинты,

Джейсон