Einführung von Nettuts + Fetch

Neben der Produktion verschiedener hilfreicher Apps für Webentwickler werden wir 2012 auch kleinere Plugins und Erweiterungen in Betrieb nehmen und veröffentlichen. Heute möchte ich den ersten Eintrag dieser Initiative ankündigen: "Nettuts + Fetch" - ein Sublime Text Plugin.


Das 20-Sekunden-Beispiel


Wählen 720p für ein klareres Bild.

Das Dilemma

Nehmen wir an, Sie sind ein Fan von Normalize.css. Vielleicht laden Sie es herunter und speichern es in einem Snippet oder speichern das Stylesheet selbst in einem Assets-Ordner. Auf diese Weise müssen Sie für zukünftige Projekte nur noch kopieren und einfügen.

Das einzige Problem bei dieser Methode besteht - wie wir alle festgestellt haben - darin, dass es mehr als möglich ist, dass das Asset (in diesem Fall Normalize.css) vom Ersteller aktualisiert wurde, wenn einige Monate vergangen sind. Sie haben also die Möglichkeit, entweder die jetzt veraltete Version von Normalize zu verwenden oder erneut zur GitHub-Seite zurückzukehren und eine neue Kopie abzurufen. Das scheint alles langweilig zu sein.


Die Lösung

Nettuts + Fetch wurde von Weslly Honorato entworfen und ist die Lösung für unser Dilemma.

Ich dachte mir: "Was wäre, wenn es ein Plugin gäbe, das automatisch die neueste Kopie einer Datei einlädt, indem Sie einfach eine Tastenkombination eingeben. Es wird eine Curl-Anforderung an die angegebene URL (für die zukünftige Verwendung gespeichert) durchgeführt. Sie können sich darauf verlassen, dass Sie für alle neuen Projekte die neueste Kopie eines bestimmten Assets verwenden.

Nettuts + Fetch wurde von Weslly Honorato entworfen und ist die Lösung für unser Dilemma.


Installationsanleitung

Sie können Nettuts + Fetch zwar manuell von GitHub herunterladen, die einfachste Möglichkeit ist jedoch die Paketkontrolle (die alle ST2-Benutzer verwenden sollten). Wenn Sie die Paketkontrolle installiert haben, drücken Sie Strg + Umschalttaste + p (Windows, Linux) oder cmd + shift + p (OS X) und geben Sie "Package Install" ein. Suchen Sie als Nächstes nach "Nettuts + Fetch", drücken Sie die Eingabetaste, und Sie sind fertig. Einfach.


Verwendungszweck

Sie verwenden nur zwei Befehle, wenn Sie mit Fetch arbeiten. Zunächst müssen wir einige Dateiverweise speichern. Rufen Sie erneut die Befehlspalette auf und suchen Sie nach "Abrufen". Fürs Erste wählen Sie "Remote-Dateien verwalten".

Das Beste an Sublime Text 2 ist, dass die Konfiguration unglaublich einfach ist. Um Verweise auf Online-Asset-Dateien zuzuweisen, müssen Sie lediglich ein Objekt erstellen (keine Sorge, eines wird nach der Installation für Sie vorbelegt):

So ziehen Sie die neueste Kopie von jQuery ein (wenn Sie kein CDN verwenden möchten):

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

Pakete

Noch besser, ich kann ganze Pakete oder ZIP-Dateien einlesen. Was ist, wenn wir ein neues Projekt mit HTML5 Boilerplate starten möchten? In diesem Fall fügen wir den Verweis auf das "Packages" -Objekt hinzu.

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

Holen Sie sich, Junge

Nachdem wir ein Paket und ein Skript gespeichert haben (beliebig viele hinzufügen), können wir sie mit dem Befehl "Abrufen" abrufen. Ziehen Sie die Befehlsleiste hoch - Strg + Umschalttaste + p (Windows, Linux) oder cmd + shift + p (OS X) - geben Sie "Fetch" ein und treffen Sie Ihre Auswahl.

Wählen Sie aus der Liste die Option HTML5 Boilerplate aus, geben Sie ein paar Sekunden, und schon sind Sie bereit für die neueste Version.

Ziemlich süß, oder? Ich hoffe du magst es! Nochmals vielen Dank an Weslly Honorato für den Bau.