Меню сайта

Angular (CLI) начало

14.02.2018 Andru

В первых версиях Angular было довольно сложно правильно сконфигурировать и настроить проект с нуля на єто уходило очень много времени и такие манипуляцыи отпугивали очень многих разработчиков JavaScript. Это уже не говоря о настройке автотестов и дополнителльного функцыонала что предоставляет нам Angular.

Компания Google является разработчиком фреймворка Angular и они решили эту проблему и придумали Angular CLI, спецыальный тул, который запускается через терминал, CLI автоматизирует множество процесов конфигурации и генерации проекта, а также позволяет сконфигурироватьт файлі для деплоймента и тестирования. Под капотом Angular CLI использует мощный упаковщик модулей Webpack, который популярен среди JavaScript разработчиков.

Как обычно первым делом скачаем и установим Node.js что бы получить доступ к npm. Открываем консоль и  устанавливаем CLI (если у вас Linux не забудте добавить sudo)

npm install -g @angular/cli

После завершения установки давайте же создадим наш первый проект на Angular. Создайте папку будущего проекта, откройте консоль и перейдите в директорию новосозданой папки.
Выполните генерацыю проекта командой

ng new PROJECT-NAME

перейдите в директорию новосозданого проекта
cd PROJECT-NAME
теперь давайте посмотрим на структуру проекта:
структура проекта

настало время запустить наш первый проект и посмотреть что же у нас вышло. Для запуска lite server выполните команду ng serve
в командной строке напишет по какому адресу можно посмотреть ваш проект в браузере.
И вот что у нас получилось наше первое Angular приложение.

Также будет интересна подробная статья по Angular CLI которая подробно описывает все возмолжности этого мощьнейшого инструмента.

Заполните форму

и наш специалист перезвонит Вам в течение 5 минут, чтобы ответить на все Ваши вопросы

Или позвоните нам

+38 068 720 22 91