Alexander Bartels
@BartelsXander
NodeJS + NPM sind Voraussetzung
$ npm install -g bower
http://bower.io
Verwendung
$ bower install <library>
Bibliothek
installieren
$ bower list
Abhängigkeiten
auflisten
http://bower.io/docs/ap...
$ npm install -g gulp
http://gulpjs.com/
STREAMING BUILD SYSTEM
DateisystemDateien lesen
Modifizieren
Modifizieren
Dateien schreiben
Dateisystem
Dateisystem
Modifi...
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
gulp.task('scripts', function () {
return gulp.src('ap...
$ npm install -g yo
https://github.com/yeoman/yo
http://yeoman.io
Generatoren
• ca. 1400 Generatoren frei verfügbar
• Best-Practices
• Einfach zu installieren & zu entwickeln
$ npm install...
Verwendung
$ yo <generator>:<sub-generator>
$ yo <generator>
$ yo angular
$ yo angular:directive
$ yo angular:route
$ yo …
Nächste SlideShare
Wird geladen in …5
×

yeoman

319 Aufrufe

Veröffentlicht am

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
319
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
4
Aktionen
Geteilt
0
Downloads
3
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

yeoman

  1. 1. Alexander Bartels @BartelsXander
  2. 2. NodeJS + NPM sind Voraussetzung
  3. 3. $ npm install -g bower http://bower.io
  4. 4. Verwendung $ bower install <library> Bibliothek installieren $ bower list Abhängigkeiten auflisten http://bower.io/docs/api/ $ bower search <…> Bibliothek suchen
  5. 5. $ npm install -g gulp http://gulpjs.com/
  6. 6. STREAMING BUILD SYSTEM DateisystemDateien lesen Modifizieren Modifizieren Dateien schreiben Dateisystem Dateisystem Modifizieren Dateien schreiben
  7. 7. var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); gulp.task('scripts', function () { return gulp.src('app/scripts/**/*.js') // Alle Skripte zusammenfassen .pipe($.concat('app.js')) // Die nicht minimierte Version in eine Datei schreiben .pipe(gulp.dest('dist/scripts/')) // JavaScript minimieren .pipe($.uglify()) // Datei in app.min.js umbennen .pipe($.rename({ extname: '.min.js' })) // Minimierte Version in eine Datei schreiben .pipe(gulp.dest('dist/scripts/')); }); Dateien lesen Zusammenfassen Datei schreiben Minimieren Umbennen Datei schreiben
  8. 8. $ npm install -g yo https://github.com/yeoman/yo http://yeoman.io
  9. 9. Generatoren • ca. 1400 Generatoren frei verfügbar • Best-Practices • Einfach zu installieren & zu entwickeln $ npm install -g <NAME> $ npm install -g generator-gulp-webapp
  10. 10. Verwendung $ yo <generator>:<sub-generator> $ yo <generator> $ yo angular $ yo angular:directive $ yo angular:route $ yo …

×