Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

yeoman

383 Aufrufe

Veröffentlicht am

  • Als Erste(r) kommentieren

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

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 …

×