Для начала работы с Angular необходимо подготовить рабочее окружение. Предварительно нужно загрузить и установить:
- для редактирования кода можно использовать Visual Studio Code с плагином Angular Extension Pack. Которые обеспечивают подсветку синтаксиса, динамическую проверку синтаксиса и отображение ошибок, а также много других функций облегчающие труд разработчика.
Далее требуется открыть терминал и выполнить следующие команды:
- npm install npm@latest -g (обновление стандартного менеджера пакетов);
- npm install -g @angular/cli@latest (установка ядра Angular);
Флаг -g означает глобальную установку и позволяет использовать данные модули в любом месте, без необходимости загружать их локально.
После можно проверить версии загруженных библиотек:
Для создания нового веб-приложения необходимо выполнить команду в терминале:
ng new my-app
где my-app - это название вашего проекта, которое может быть любым.
Чтобы увидеть сгенерированный сайт:
ng serve --open
Возможные решения проблем с запуском на платформе Windows:
- перед установкой Node.Js, проверьте наличие старых версий, и при необходимости удалите ее. Также стоит проверить папки: "C:\bin\node folder", "C:\Program Files\Node" и "C:\Program Files (x86)\Node";
- удалите папку "npm" в директории "C:\Users<User>\AppData\Roaming";
- очистите кэш: npm cache clean.
