Heim > Web-Frontend > js-Tutorial > Hauptteil

Meine Reise zur Erstellung meiner ersten npm-Bibliothek

PHPz
Freigeben: 2024-07-24 13:36:40
Original
482 Leute haben es durchsucht

My Journey Creating My First npm Library

Meine Reise zur Schaffung der besten NPM-Bibliothek

Hallo zusammen! Ich bin BestCodes und möchte mein Abenteuer bei der Erstellung meiner allerersten NPM-Bibliothek teilen. Als Full-Stack-Entwickler verwende ich ständig NPM-Bibliotheken, habe aber selbst noch nie eine erstellt. Ich dachte, es wäre an der Zeit, einzutauchen, etwas Neues zu lernen und dabei etwas Spaß zu haben. Hier ist also die Geschichte, wie die beste Bibel zum Leben erweckt wurde.

Der Ideenfunke

Ich bin ein großer Fan der Bibel, insbesondere der King James Version (KJV). Ich bin Christ, das ist also zu erwarten. Ich dachte: „Warum nicht eine Bibliothek erstellen, die die Interaktion damit supereinfach macht?“ Das habe ich also getan. Bei best-bible geht es darum, Ihnen dabei zu helfen, mühelos verschiedene Verse, Kapitel und mehr aus der KJV-Bibel zu erlernen.

Meine Hände schmutzig machen

Werkzeuge und Technik

Um dies zu erstellen, habe ich eine JSON-Datei der Bibel und gutes altes JavaScript verwendet. Ich wollte, dass die Bibliothek flexibel ist, sodass sie ECMAScript-Module (ESM), CommonJS (CJS) und TypeScript unterstützt. Auf diese Weise passt es in nahezu jedes Projekt-Setup.

Die schwierigen Teile

Das Hinzufügen der TypeScript-Unterstützung war ein echtes Problem. Ich musste eine tsconfig.json-Datei einrichten und die Typen für alles herausfinden. Um sicherzustellen, dass es sowohl mit Import- als auch mit Require-Anweisungen funktioniert, waren einige ernsthafte Versuche erforderlich. (Ernsthafter Versuch und Irrtum. Ich habe fast 60 Versionen durchgesehen!).

Als ich nicht weiterkam, wandte ich mich an Google oder bat AI um Hilfe. Ich habe sogar einige tolle Artikel auf DEV gefunden! Es gibt eine Menge toller Informationen und die Entwickler-Community ist großartig, also habe ich es geschafft, die schwierigen Stellen zu meistern.

Tests und Dokumente

Testen war super wichtig, um sicherzustellen, dass alles reibungslos funktioniert. Ich habe die Bibliothek auf verschiedenen Rechnern installiert und Tests geschrieben, um etwaige Fehler zu erkennen. Zur Dokumentation habe ich eine ausführliche README-Datei zusammengestellt und weitere Dokumente auf meiner Website eingerichtet.

Alleine fliegen

Dieses Projekt war ganz mein Ding. Es war herausfordernd, aber auch sehr lohnend. Das allein zu machen bedeutete, dass ich viel lernen und wachsen konnte, indem ich den gesamten Prozess der Erstellung einer NPM-Bibliothek von Grund auf neu erlernte.

Einführung und Feedback

Ich habe best-bible gerade erst gestartet, daher habe ich noch nicht viel Feedback bekommen. Ich bin gespannt, was die Leute denken und wie sie es nutzen. Feedback ist sehr hilfreich, um Verbesserungen vorzunehmen.

Einige Ratschläge

Wenn Sie darüber nachdenken, Ihre eigene NPM-Bibliothek zu erstellen, ist hier mein Rat: Bleiben Sie dran und haben Sie keine Angst, um Hilfe zu bitten. Es gibt jede Menge Ressourcen und die Entwickler-Community ist großartig. Am wichtigsten ist, viel Spaß damit!


Die Erstellung der Best-Bibel war eine großartige Erfahrung und ich hoffe, dass Sie sie nützlich finden. Wenn Sie es ausprobieren oder Feedback haben, lassen Sie es mich wissen. Viel Spaß beim Codieren!

Das obige ist der detaillierte Inhalt vonMeine Reise zur Erstellung meiner ersten npm-Bibliothek. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage