статья морально устарела
Написание конфигурационных файлов для angular-приложения является большой головной болью. Конфиги нужны всем: сборщикам, компиляторам, менеджерам зависимостей и т.д. В этой статье мы посмотрим, как можно бысто начать программировать на angular 2 с помощью yeoman.
Yeoman – это консольная утилита, которая генерирует и настраивает все необходимые веб-приложению конфигурации.
Для ее установки на компьютере должен быть установлен NodeJS и npm. Вот инструкция, как это сделать.
Далее, устанавливаем yeoman в консоли командой:
1 |
npm install -g yo generator-fountain-webapp |
Переходим в заранее созданную под проект папку и вводим команду:
1 2 |
cd c:\Workspace\my-angular-app yo fountain-webapp |
Вы увидите мастер создания проекта. Выбирайте нужные технологии и компоненты, но для нашего Angular 2 приложения могут быть сделаны следующие выборы:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
Which JavaScript framework do you want? (Исп. стрелки) > Angular 2 Which module management do you want? > Webpack with NPM Which JS preprocessor do you want? > TypeScript Which CSS preprocessor do you want? > CSS Which Continuous Integration platform do you want? > (*) Jenkins (with Dockerfile) (выбор пробелом) Do you want a sample app? > Just a Hello World Would you like a router? > @angular/router |
Всё! После этого yeoman начнет создавать и конфигурировать всю инфраструктуру, а мы можем сразу приступить к разработке Angular 2 приложения.
Для запуска веб-сервера введем в папке с проектом в консоли команду:
1 |
npm run serve |
В конечном итоге структура проекта должна выглядеть примерно так: