de.hideout-lastation.com
Paradies Für Designer Und Entwickler


So konfigurieren Sie Projekte und stärken sie mit Bower

In Teil 1 unserer Bower-Serie haben wir Ihnen die wesentlichen Funktionen von Bower gezeigt, darunter das Installieren, Aktualisieren und Entfernen von Website-Bibliotheken. Abgesehen von diesen bietet Bower auch einige Flexibilitäten. Hier zeigen wir Ihnen, wie Sie Bower konfigurieren und Ihre Projekte damit verstärken.

Ändern Sie das Bower-Verzeichnis

Standardmäßig erstellt Bower einen neuen Verzeichnisnamen: bower_components . Wenn der Name Ihnen nicht zusagt, können Sie ihn ändern.

Zuerst müssen wir eine neue Datei namens .bowerrc . Fügen Sie dann die folgende Zeile hinzu.

 {"Verzeichnis": "Komponenten"} 

Es teilt Bower mit, die im Ordner namens components installierten Bibliotheken zu erstellen und zu speichern.

Bower JSON

Bower JSON ist eine Datei, die Ihr Projekt als Bower-Paket definiert. Die Datei gibt den Projektnamen, die Version, die Projektabhängigkeiten sowie Informationen an, die sehr hilfreich sind, um Ihr Projekt zu verfolgen und zu dokumentieren .

Um diese Datei zu erstellen, navigieren Sie zu Ihrem Projektverzeichnis und geben Sie bower init . Sie erhalten mehrere Optionen und Fragen, einschließlich des name (Ihres Projekts). Während die Restoptionen optional sind, würde ich vorschlagen, dass Sie Folgendes füllen: description, version, main, das die primären Dateien des Projekts, den author, die license, die homepage und die dependencies die die Bibliotheken sind, auf die sich Ihr Projekt stützt.

Wenn Sie die Bibliotheken bereits in bower_components installiert bower_components, können Sie Y auswählen, wenn Sie dazu bower_components, " aktuell installierte Komponenten als Abhängigkeiten festlegen " . "; Bower wird sie automatisch als Abhängigkeiten in der Datei registrieren.

Bower zeigt Ihnen den Inhalt, bevor er die Datei erstellt. Wenn es gut aussieht, können Sie Y ...

... und eine neue Datei namens bower.json wird in Ihrem Projektverzeichnis erstellt.

Exportieren von alten Projekten nach Bower

Jetzt, wo Sie wissen, dass Bower ein großartiges Werkzeug ist, mit dem Sie Ihre Projekte verwalten können, möchten Sie es vielleicht in Ihren früheren Projekten verwenden. In Ihren alten Projekten haben Sie die Bibliotheken in der Regel auf diese Weise innerhalb der .

Wenn wir das als Beispiel nehmen, können wir hier sehen, dass das Projekt von jQuery, Normalize und Accounting.js abhängt (siehe unser vorheriges Tutorial, Formatieren von Zahlen mit Accounting.Js).

Lasst uns in diesem Projekt bower init laufen lassen. Öffnen Sie dann die Datei bower.json und definieren Sie sie als Abhängigkeiten.

 "Abhängigkeiten": {"jquery": "1.10.2", "normalize-css": "3.0.1", "accounting": "0.3.2"} 

Als nächstes führen Sie den bower install Befehl aus. Dies scannt bower.json und installiert die Bibliotheken, die unter dependencies aufgeführt dependencies .

Sie können die alten Bibliotheken sicher löschen und stattdessen mit dem Bower-Komponentenverzeichnis verknüpfen. Und jeder, der das Projekt später weiterführt, kann die Bibliotheken mit Bower-Befehlen leicht installieren und aktualisieren.

Einpacken

Bower gibt uns viele Konfigurationen, von denen die meisten hier nicht vollständig abgedeckt werden können. Um weitere Befehlszeilen zu erkunden, können Sie bower help, das die anderen Bower-Dienstprogramme zurückgibt. Schließlich können Sie Bower in jedem Projektumfang (klein oder groß) verwenden. Es sollte hilfreich sein, das Projekt übersichtlicher zu gestalten.

12 unverzichtbare Chrome-Erweiterungen für YouTube-Videokünstler

12 unverzichtbare Chrome-Erweiterungen für YouTube-Videokünstler

Als YouTube-Videokünstler musst du hervorragende Videos erstellen und sie für soziale Plattformen und Suchmaschinen optimieren, um sie viral zu machen . Wenn Ihre Videos jedoch nicht gut funktionieren, verwenden Sie wahrscheinlich nicht die richtigen Tools .Ich habe nach den Tools gesucht, die von beliebten YouTube-Kanälen verwendet werden, und ich werde die besten Chrome-Erweiterungen für YouTube-Videokünstler teilen, die sich in vielerlei Hinsicht als hilfreich erweisen.Mit

(Tech- und Design-Tipps)

Flat 2.0 & Wie es die Usability-Probleme von Flat Design löst

Flat 2.0 & Wie es die Usability-Probleme von Flat Design löst

Flaches Design gibt es schon seit den 1950er Jahren, als der International Typographic Style entwickelt wurde. Seit der Einführung von Microsofts neuer auf Geometrie und Typographie ausgerichteter Metro-Designsprache hat es in letzter Zeit eine große Popularität erlangt, zunächst im neuen Windows Phone 2010 und dann in Windows 8 im Jahr 2012.Das

(Tech- und Design-Tipps)