Erstellen und veröffentlichen Sie Ihr eigenes Grunzen -Plugin

In diesem Artikel wird ein Grunz -Plugin erstellt und veröffentlichen, um typografische Waisen anzusprechen. GrunT, ein JavaScript -Taskläufer, erstellt Plugins, um robuste Webanwendungssysteme zu erstellen. Dieses Tutorial führt Sie durch den Bau eines Plugins und betont die testgetriebene Entwicklung und Best Practices.

Schlüsselkonzepte:

• Grunzen -Plugins: Die Funktionalität von Grunzen erweitern, Aufgaben wie Minifikation, Test und Linie automatisieren.
• grunt-init: Ein Werkzeug vereinfache Plugin -Skelett -Erstellung.
• testgetriebene Entwicklung (TDD): Tests vor der Implementierung schreiben.
• npm: Der zum Plugin Publishing verwendete Knotenpaket -Manager.

Erstellen des Plugins:

1. Setup: installieren grunt-init, klonen Sie die Grunz -Plugin -Vorlage, erstellen Sie ein Verzeichnis für Ihr Plugin (grunt-typographic-adoption in diesem Beispiel) und führen Sie grunt-init gruntplugin aus. Beantworten Sie die Eingabeaufforderungen und liefern relevante Metadaten. Die erzeugte Struktur enthält Gruntfile.js, package.json, README.md und die Verzeichnisse tasks und test.

2. testgetriebene Entwicklung: Bevor Sie die Aufgabe codieren, schreiben Sie Tests in test/typographic_adoption_test.js. Diese Tests definieren das erwartete Verhalten und stellen sicher, dass die Plugin -Funktionen korrekt sind. Verwenden Sie test/fixtures für Eingabedateien und test/expected für die erwartete Ausgabe.

3. Implementierung: Installieren Sie cheerio (eine schnelle, flexible und schlanke Implementierung von Core JQuery, die speziell für den Server entwickelt wurden) mit npm install cheerio --save. Definieren Sie in tasks/typographic_adoption.js cheerio   Optionen (z. B. CSS -Selektoren für Zielelemente) und implementieren Sie die Kernlogik. Diese logische logische durch die angegebenen HTML-Elemente iteriert und ersetzt den letzten Speicherplatz in den Textinhalten jedes Elements durch einen nicht breakablen Speicherplatz (

   ).

4. Test und Iteration: grunt Ausführen

   , um die Tests auszuführen. Iterieren Sie die Implementierung, bis alle Tests bestehen.

5. Publishing: package.json sicherstellen, dass README.md vollständig ist und npm adduser gründliche Dokumentation bietet. Verwenden Sie npm publish, um Ihr NPM -Konto zu erstellen oder anzumelden, und führen Sie dann

   aus, um Ihr Plugin in die NPM -Registrierung hochzuladen.

Best Practices:

• klare, prägnante Code schreiben.
• umfassende Dokumentation bereitstellen.
• Verwenden Sie TDD.
• Halten Sie sich an das Grunzen -Plugin -Konventionen.

häufig gestellte Fragen (FAQs): (diese werden zusammengefasst, da der ursprüngliche FAQ -Abschnitt ziemlich langwierig war)

Dieser Abschnitt beantwortet gemeinsame Fragen zum Erstellen und Veröffentlichen von Grunzen-Plugins, der Abdeckung von Aspekten wie Plugin-Zweck, Einrichtung, Veröffentlichung von NPM, package.json Nutzung, Hinzufügen von Aufgaben, Testen, Verwendung von Bibliotheken von Drittanbietern, Aktualisierung, Freigabe und Best Practices . Der ursprüngliche FAQ -Abschnitt lieferte detaillierte Antworten auf jede dieser Fragen.

Das obige ist der detaillierte Inhalt vonErstellen und veröffentlichen Sie Ihr eigenes Grunzen -Plugin. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!