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

Создайте и протестируйте свое приложение за минуту

В качестве задач у нас есть такие общие команды, как:

  • ng new для инициализации нового проекта Angular с множеством настроек.
  • ng generate для создания чего-либо по чертежу.
  • ng serve для создания приложения и запуска веб-сервера.
  • ng build для компиляции приложения в выходной каталог.
  • ng test для запуска модульных тестов с Karma, предоставленным средством выполнения тестов.
  • ng lint для линтинга кода приложения с помощью tslint для обеспечения наилучших практик Angular.

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

Непрерывная интеграция

Чтобы использовать его в полной мере, мы можем автоматически выполнять эти команды в инструменте непрерывной интеграции, таком как CircleCI, Travis, AppVeyor, Jenkins, Bamboo и многие другие, подключенные к вашему исходному элементу управления при каждой фиксации, запросе на вытягивание и даже предотвращении слияния, если эти команды терпят неудачу. Таким образом, это предотвратит слияние кого-либо, если его код не соответствует вашему стилю или стилю Angular, и нарушение вашего проекта несборным кодом. Вы, наверное, уже слышали «но он работает на моем компьютере», это именно то, что мы хотим предотвратить.

Все, что вам нужно сделать, это настроить среду и выполнить эти предварительно разжеванные команды.

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

Мы будем использовать Yarn в качестве быстрого и безопасного диспетчера пакетов для кэширования наших зависимостей между сборками, для получения дополнительной информации обратитесь к этой статье:



Надежная непрерывная интеграция в JavaScript
Когда вы создаете часть программного обеспечения, вы хотите создать надежную, поэтому часто вы используете различные непрерывные… среды. com



CircleCI 2.0

Версия 2.0 была выпущена несколько дней назад, наслаждайтесь этой обновленной конфигурацией.

AppVeyor

Для получения дополнительной информации, не стесняйтесь проверить репозиторий, который использовался для экспериментов:



charpeni / angular-cli-circleci
angular-cli-circleci -: wrench:: books: Этот репозиторий использовался для определения наилучшего способа тестирования созданного проекта… github.com