Vi presenterer Nettuts + Hent

I tillegg til å produsere forskjellige nyttige apper for webutviklere, vil vi i 2012 også være i drift og slippe ut mindre plugins og utvidelser. I dag vil jeg kunngjøre den første oppføringen i dette initiativet: "Nettuts + Fetch" - en Sublime Text-plugin.


Det 20 andre eksempelet


Velge 720p for et klarere bilde.

The Dilemma

La oss si at du er en fan av Normalize.css. Kanskje, du laster ned den og lagrer den i en utdrag, eller lagrer stilarket, i seg selv, i en aktivitetsmappe. På den måten, for fremtidige prosjekter, trenger du bare å kopiere og lime inn.

Det eneste problemet med denne metoden, som vi alle har oppdaget, er at hvis noen måneder har gått, er det mer enn mulig at aktiva (i dette tilfellet Normalize.css) vil bli oppdatert av skaperen. Så alternativene dine er enten å bruke den nå utdaterte versjonen av Normaliser, eller, igjen, gå tilbake til GitHub-siden og trekk inn en fersk kopi. Alt dette virker kjedelig.


Løsningen

Laget av Weslly Honorato, Nettuts + Fetch er løsningen på vårt dilemma.

Jeg trodde til meg selv: "Hva om det var et plugin som automatisk ville trekke inn den nyeste kopien av en fil, bare ved å skrive en hurtigtast. Det vil utføre en krøllespørsmål til den angitte nettadressen din (lagret vekk for fremtidig bruk), og lar deg være trygg på at du for alle nye prosjekter bruker den nyeste kopien av en bestemt ressurs.

Laget av Weslly Honorato, Nettuts + Fetch er løsningen på vårt dilemma.


Installasjonsinstruksjoner

Mens du kan laste ned Nettuts + Hent fra GitHub manuelt, er den enkleste måten å sette opp det via pakkekontroll (som alle ST2-brukere skal bruke). Når du har installert pakkekontroll, trykker du på ctrl + shift + p (Windows, Linux) eller cmd + shift + p (OS X), og skriv inn "Package Installer." Deretter søk etter "Nettuts + Fetch," trykk enter, og du er ferdig. Enkel.


bruk

Du bruker bare to kommandoer når du arbeider med Hent. Først må vi lagre noen filreferanser. Igjen, ta opp kommandopaletten, og søk etter «Hent.» For nå, velg "Administrer eksterne filer."

Hva er bra med Sublime Text 2 er at konfigurasjonen er utrolig enkel. For å tilordne referanser til elektroniske aktivfiler trenger vi bare å opprette et objekt, slik som det (ikke bekymre deg, en vil bli forhåndsbefolket for deg etter installasjon):

Så, for å trekke inn den nyeste kopien av jQuery (hvis du ikke vil bruke en CDN):

"filer": "jquery": "http://code.jquery.com/jquery.min.js"

pakker

Enda bedre, jeg kan trekke i hele pakker, eller zip-filer. Hva om vi vil starte et nytt prosjekt ved hjelp av HTML5 Boilerplate? I så fall legger vi til referansen til "pakker" -objektet.

"filer": "jquery": "http://code.jquery.com/jquery.min.js", "pakker": "html5-boilerplate": "http://github.com/h5bp /html5-boilerplate/zipball/v2.0stripped "

Hent, gutt

Nå som vi har lagret en pakke og et skript (legg til så mange du vil), kan vi trekke dem inn ved å bruke kommandoen Hent. Trekk opp kommandopaletten - ctrl + shift + p (Windows, Linux) eller cmd + shift + p (OS X) - skriv "Hent," og gjør ditt valg.

Velg HTML5 Boilerplate fra listen, gi det noen sekunder, og, bam, du er klar til å gå med den nyeste utgivelsen.

Ganske søt, va? Jeg håper du liker det! Takk igjen til Weslly Honorato for å bygge den for oss.