Gulp + Bower

Transcript

1. semantic versioning
2. Semantic Versioning
3. ~x.y.z-rc.1
5. ~x.y.z-rc.1 major
6. ~x.y.z-rc.1 minor
7. ~x.y.z-rc.1 patch
8. ~x.y.z-rc.1 pre-release alpha, beta, rc, dev
9. ~x.y.z-rc.1 range ~, ^, >, >=, <, <=
10. ~x.y.z-rc.1 range.major.minor.patch.pre-release
11. Manual: http://semver.org Playground: http://semver.npmjs.com
13. Managing web dependencies
20. Bootstrap FontAwesome AnimateCss AngularJs Modernizr +100500
23. Fancy Fonts
24. > brew install nvm
25. ✔ brew install nvm > nvm install 0.10.36
26. ✔ brew install nvm ✔ nvm install 0.10.36 > npm install -g bower
27. available commands
28. bower search
29. bower install
33. Docs: http://bower.io/docs Packages: http://bower.io/search
35. Plugins: http://gulpjs.com/plugins ~2000 plugins
36. npm install -g gulp
37. src gulp.src(“some/pattern/*.scss”)
38. pipe gulp.src(“some/pattern/*.scss”) .pipe(sass())
39. dest gulp.src(“some/pattern/*.scss”) .pipe(sass()) .pipe(gulp.dest(“output/directory”))
40. task gulp.task(‘sass’, function() { gulp.src(“some/pattern/*.scss”) .pipe(sass()) .pipe(gulp.dest(“output/directory”)) })
41. watch gulp.watch(“some/pattern/*.scss”, [“sass”])
43. listing tasks
44. running gulp
47. Slides: maxim.io/gulp/slides Repository: maxim.io/gulp/repo Reading: maxim.io/gulp/reading Streams: maxim.io/gulp/streams