Konsolen-Styling in JavaScript mit ein paar Kilobyte

Ich weiß nichts über Sie, aber ich möchte, dass meine Konsolenprotokolle in meinen JavaScript-Projekten gut aussehen. Und da nicht alle Terminals Emojis unterstützen, gibt es keinen besseren Weg, als die Konsolenausgabe einzufärben?

Nun, Sie können es tun, indem Sie den ANSI-Escape-Code für jeden gewünschten Konsolenstil googeln. Oder merken Sie sich vielleicht einige davon von einer Seite wie W3Docs. Aber ich liebe es, meine Protokolle gut aussehen zu lassen, ich bin definitiv kein Mensch, der sich viele Dinge merken kann, und ich mag es, eine Möglichkeit zu haben, die überall funktioniert.

Nun, ich verwende normalerweise nur farbige Protokolle für JS, also brauche ich nichts, was buchstäblich überall funktioniert. Aber zumindest etwas, das überall dort funktioniert, wo JavaScript im Spiel ist.

Also habe ich beschlossen, mein eigenes Skript zu schreiben, das jeden möglichen ANSI-Escape-Code, den ich jemals brauchen könnte, in Form von Funktionen enthält. Aber dann wurde mir klar, dass es nervig wäre, in all meinen Projekten immer wieder dasselbe Skript zu kopieren. Da ich also nie mit einem npm-Befehl außer npm i und init gearbeitet habe, beschloss ich, mehr zu lernen und ein privates NPM-Paket zu erstellen, das ich einfach in meinen Projekten installieren (oder sein GitHub-Repository für Nicht-NodeJS-Projekte klonen) konnte.
Ich wollte mich nicht jedes Mal mit der NPM-Authentifizierung befassen, wenn ich das Paket installierte, also habe ich es einfach öffentlich gemacht.

Und dafür sind wir heute hier: javascript-console-styling ist ein Paket, das ich erstellt habe, um mir diesen Prozess zu erleichtern.

Tatsächlich wurden ähnliche Pakete wie ich schon früher hergestellt (was mir erst klar wurde, nachdem ich es gemacht hatte). Aber ich habe gemerkt, dass meine eigene Lösung für mich oder jeden wie mich immer noch besser war:

• Mein Paket benötigte laut npm nur 14 KB Speicherplatz. Während andere ähnliche Pakete bis zum 50-fachen der gleichen Menge (mehr als 500 Kilobyte) beanspruchten. Auch wenn beide weniger als ein Megabyte groß sind, ist es dennoch besser, ein kleineres Paket zu haben, da Sie alle seine Dateien einfach verwalten können (oder es sogar teilen und bei Bedarf einfach ändern können)

• Mein Paket könnte verschiedene Stile und Dekorationen verschachteln, da es sich um Funktionen handelt ... Und selbst wenn Sie eine ganze Zeichenfolge mit Stil haben, die eine Teilzeichenfolge mit einem anderen Stil enthält, können Sie die Teilzeichenfolge (einschließlich der darin enthaltenen Teilzeichenfolge) einfach verketten Die übergeordnete Zeichenfolge verhindert, dass danach alle Stile angewendet werden, da jede Stilfunktion zurückgesetzt wird)

• Mein Paket verfügte über einfache Testtools, die alle möglichen Farb- und Dekorationskombinationen zeigten, sodass Benutzer die Ausgabe in ihrem Terminal überprüfen können (Testfunktionen sind nicht im Standardpaket enthalten, aber auf der NPM-Seite und weiter verfügbar). GitHub)

Im Großen und Ganzen bevorzuge ich also die Verwendung meines eigenen Codes. Aber ein Teil des Besitzes eines öffentlichen Pakets besteht darin, sicherzustellen, dass die Leute wissen, wie es ihnen helfen kann, damit sie selbst entscheiden können, ob sie es brauchen.

Ich glaube nicht, dass dies das letzte NPM-Paket sein wird, das ich erstelle, aber es war eine gute Möglichkeit, mich für die gesamte NPM-Sache zu motivieren!

Schauen Sie sich unbedingt das Paket an und viel Spaß beim Hacken!

Das obige ist der detaillierte Inhalt vonKonsolen-Styling in JavaScript mit ein paar Kilobyte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!