, forvalte deres bygge opgaver med sodavand. det,,,,, 107,,,,,,,,, 26,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, fordelene ved opgave løbere i udvikling af software, er indlysende.de bidrager til at automatisere fælles, ofte kedelige opgaver og lade dig helt og holdent koncentrere sig om vigtigere ting, som at skrive fantastiske kode.seriøst, evnen til at automatisere opgaver såsom image compression, minification, enhed, afprøvning og meget mere er en stor tid. hej., for mange af de avancerede udviklere, til opgave løber til dato har været grynter, som gav dig lov til at fastlægge deres opgaver med javascript i filen gruntfile.js (alias a gruntfile).faktisk, hvis du vidste, javascript så at oprette et grynt opgave var en ret enkel proces og bredden af tredjemand plugins for andre værktøjer, som f.eks. jshint, fræk og uglify gør den til en af de mest fleksible værktøjer, der er til rådighed, for det meste mus har været opgave runner valg for nylig. nyt navn gulp.js har fået en masse opmærksomhed for at lette opsætning og utrolig let konfiguration filformat, der gør det let at aflæse og overskuelige.,, i denne lektion, jeg vil vise dig, hvordan at installere sodavand og skabe en enkel konfiguration fil at få våde fødder med denne store opgave runner.,, iværksættelsen af gulp.js,, gulp.js er et knudepunkt baseret opgave løber ligesom grynter og som sådan, har du brug for athar node.js installeret til at bruge det.det kunne gøres på forskellige måder, bl.a. afhængigt af deres operativsystem.at være på os x, jeg valgte at bruge nvm, tim caswell er fantastisk manuskript for forvaltningen af forskellige versioner af node.js.du kan også downloade binaries direkte fra node.js sted.hvis du er helt nyt for node.js, sørg for at se på nettuts + serie om at få fart på node. js.,, gulp.js kommer fremstår som et knudepunkt - modul, der gør det meget let at installere med new public management (node pakke manager).at installere gulp, åben din terminal og type i følgende:,, new public management installere - g sodavand, det trækker desværre fra, new public management, registre og konfigurerer det globalt på dit system, så du kan få adgang til via command-line.,, på alle måder, gulp.js er monteret på dette punkt, og du er klar til at begynde ved hjælp af det med deres projekter,.,,, om deres projekt, til brug gulp.js, for at bruge sodavand i deres projekt, der er nogle vigtige ting, som skal gøres:,,, installere to områder pakker, installere nogen plugins, du gerne ville bruge, skabe en gulp.js fil at definere opgaver du har lyst til at løbe, disse foranstaltninger skal gennemføres i deres projekt er adresseregister, således at de pakker og konfiguration filer er til rådighed for sodavand., først, lad os installere afhængighed:,, new public management installere... redde dev gulp gulp util, nu, vi bliver nødt til at installere gulp plugins, som skal udføre de opgaver, som vi definerer vores konfiguration fil.disse plugins er også node pakke moduler, så vi bruger, new public management, igen til at installere dem.,, new public management installere... redde dev gulp uglify gulp concat, i mit tilfælde - jeg installerer to plugins, der tillader mig at formindske /komprimering af min javascript kode ved hjælp af uglify.js kompressor og concatenate alle mine javascipt filer til et enkelt kilde fil.,, bemærke, at jeg brugte, gem dev, flag for installere gulp afhængighed og plugins behøver jeg for mit projekt.dette sikrer, at en optegnelse for hver enkelt er til min devdependencies liste inde i mit, package.json, fil som denne:,, ("devdependencies" ("gulp util": "~ 2.2.18", "gulp": "~ 3.5.0", "gulp uglify": "~ 0.2.0", "gulp concat" "- 2.1.7"), og det sikrer, at enhver pakke afhængighedsforhold til dette projekt, let kan monteres på et senere tidspunkt ved hjælp af new public management.hvis du ikke har en, package.json, fil i deres projekt, type i, new public management lokalitet, på kommandolinjen eller åbne en ny fil i din redaktør, omfatter åbning og lukning af curly bøjle ind og redde det som "pakke. json".så genudsendelse, new public management, ordrer, der er nævnt ovenfor, at ajourføre den.bemærk, at tilføje det krøllede seler er påkrævet.ellers, når du prøver at bruge, - - og redde dev, flag, new public management, vil kaste en fejl, at det ikke er et gyldigt json fil.,, og jeg bruger kun to plugins til min forelæsning, gulp er over 200 plugins for alle typer funktioner, herunder:,,, livereload (gisp livereload),, jshint (gisp jshint), sass (gulp sass), coffeescript fil opstilling (gulp kaffe), og mange flere.,,, gulpfile.js fil, som er virkelig har en navnebror konfiguration filen, gulpfile.js, som definerer alle de krævede plugins sammen med de opgaver, de får at løbe.du bliver nødt til at skabe et dossier til roden af dit projekt mappe.,, syntaks er ligetil og koncise gør det meget let læselige og let forståelig:,, var desværre = kræver ('gulp "), gutil = kræver ('gulp-util"), uglify = kræver ('gulp-uglify "), concat = kræver ('gulp-concat), det forklarer ganske enkelt slurk, som plugins er forpligtet til at gennemføre definerede opgaver.,, så vi er nødt til at definere de opgaver, som varetages af sodavand.i mit tilfælde ser jeg frem til at gøre to ting:,,, komprimering af billeder, minify min javascript filer, og fastlægge en opgave er i alt væsentligt et javascript opkald.vi bruger gulp metode, task(), til at definere den opgave, som vi ønsker at løbe:,, gulp. opgave ('js, funktion () (gisp. src (. /er /*. js). rør (uglify()). rør (concat ('all. j 'er ") (gisp). rør. - (. /j' er")}), ser på den kode, der er en blanding af metode opkald fra plugins jeg specificeret efter behov.den første metode, task(), tager en semantisk navn til opgaven (i dette tilfælde 'er ") og en anonym funktion, som indeholder kød.lad os nedbryde kode:,, gulp. src (. /er /*. j 'er "), src(), metode, lad mig præcisere, hvor javascript sager vil jeg gerne komprimering og omdanner dem til en strøm, der repræsenterer en fil struktur, der kan overføres til plugins til forarbejdning.det er en del af node. er "strømme api - og en af grundene til, virkelig er i stand til at have en sådan lakoniske, kortfattet api - syntaks,.,,. rør (uglify()),,, pipe(), metode tager kildestrøm, der stammer fra, src(), metode og sender det til specifikke stik af, der henvises til.i dette eksempel, uglify stik af ville modtage kildestrøm,.,,. rør (concat ('all. j 'er "), som uglify, concat stik af modtager kildestrøm via, pipe(), metode og concatenates alle javascript filer til et filen". er ", rør (gisp.. - (. /j' er"), og endelig at bruge gulp, dest(), metode, all.js, er skrevet på mit mål mappe.processen, hvis meget direkte og meget læseværdig.,, det sidste, vi skal gøre, er at ajourføre misligholdelse gulp opgave at lede vores "er" opgave.,, gulp. opgave ('default, function() {gulp. løb ('js)}), ved at gå tilbage til kommando linjen og maskinskrivning,'gulp ", gulp finder, gulpfile.js, fil, belastninger, de nødvendige plugins og tilhørende områder, starter misligholdelse opgave og driver min,'js" opgave.du kan se resultatet her af minification og sammenkædning af min jquery javascript fil:,,,,,, at tage det et skridt videre, virkelig giver også en anden metode, watch(), som giver mulighed for automatisk kontrol af en bestemt ressource for ændringer.dette giver mulighed for stor automatisering af opgaver og konstant skal manuelt, type i,'gulp, på kommandolinjen.,, gulp. se (. /er /*, funktion () (gisp. løb ('js)}), når den udløber, gulp vil fortsat overvåge angivet direkte ændringer af filer, og hvis der sker ændringer, vil løbe,'js, opgave at formindske og concatenate den javascript filer.meget cool!,,, flyttes til gulp.js, da jeg først hørte om sodavand, min første reaktion var, "åh, bror et redskab!". dreng, var jeg væk fra.gulp.js virkelig har en tvingende syntaks og api - det gør oprettelsen af deres opgaver, som en brise.det har ikke omfanget af de plugins at grynte, dens stik af register, lader til at være stigende i et pænt klippet, især nu med så stor entreprenør interesse.,, jeg har allerede talt med mange entreprenører, der er aktivt frem til det, så det ser ud til, det er et godt tidspunkt at komme ind i gulp. er.