Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Available yeoman generator for Angular 2 [closed]

There is the official Angular generator, and many users provided ones for Angular 1. But I haven't found a generator for Angular 2.

Does such a yeoman generator exist already?

like image 796
Simon Hürlimann Avatar asked Apr 15 '15 11:04

Simon Hürlimann


People also ask

What is yeoman in angular?

Yeoman is a collection of three tools - called Yo, Grunt, and Bower - that allow developers to concentrate on building the functionality of an application, rather than working to build its infrastructure.

What is Yeoman NPM?

The Yeoman workflow comprises three types of tools for improving your productivity and satisfaction when building a web app: the scaffolding tool (yo), the build tool (Gulp, Grunt etc) and the package manager (like npm and Bower).


2 Answers

The Official tool for scaffolding Angular2 project is Angular-Cli https://github.com/angular/angular-cli

There are few generators for Angular2

Please try them and post some feedback or issues in the github

  1. https://www.npmjs.com/package/generator-angular2 (https://github.com/swirlycheetah/generator-angular2)

  2. https://www.npmjs.com/package/generator-gulp-angular2 (https://github.com/x6doooo/generator-gulp-angular2)

  3. https://github.com/joshuacaron/generator-angular2-gulp-webpack

  4. https://www.npmjs.com/package/slush-angular2
    (https://github.com/TheVelourFog/slush-angular2)

  5. https://github.com/cureon/angular2-sass-gulp-boilerplate

Generator for creating Angular2 library or plugin

  1. https://github.com/jvandemo/generator-angular2-library

Angular2 Fullstack generator

  1. https://github.com/ericmdantas/generator-ng-fullstack

Ionic2 generator (Gulp; comes in ES6 and TS varieties)

  1. http://ionicframework.com/docs/v2/getting-started/installation/
like image 101
Vamsi Avatar answered Sep 28 '22 08:09

Vamsi


Here's what I've gathered so far:

Angular 2 scaffolding

Yeoman generators

generator-angular2

Outdated and very rustic. No preprocessors.

generator-gulp-angular2

Outdated. Out-of-the-box build.dev fails. Features SASS and Jade.

generator-angular2-gulp-webpack

No preprocessors.

Other options

angular-cli (Official generator)

Based on ember-cli, still on alpha stage. No preprocessors. Also, I don't see a way to add preprocessing, except by creating Ember add-ons: http://www.emberaddons.com/.

Angular 2 Seed

Standalone scaffolding. Features Gulp and Webpack. Has instructions on how to install preprocessors. Needs manual Gulp configuration when adding dependencies. All code is written in Typescript.

Angular 2 Seed (ng2-material)

A fork of angular2-seed incorporating Material Design (ng2-material).

Angular 2 Seed - Jade

A fork of angular2-seed incorporating Bootstrap and SASS and Jade preprocessors (by yours truly).

Angular 2 Starter

An Angular 2 Starter kit featuring Angular 2 (Router, Http, Forms, Services, Tests, E2E), Karma, Protractor, Jasmine, TypeScript, and Webpack by @AngularClass.

angular2-sass-gulp-boilerplate

Although it's titled "yeoman generator" it just seems to be standalone scaffolding.

slush-angular2

Generator for Slush.

like image 43
LuxDie Avatar answered Sep 28 '22 10:09

LuxDie