„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Konsolen-Styling in JavaScript mit ein paar Kilobyte

Konsolen-Styling in JavaScript mit ein paar Kilobyte

Veröffentlicht am 01.08.2024
Durchsuche:459

Console Styling in JavaScript with a few kilobytes

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 nicht jemand, der sich viele Dinge merken kann, und ich mag es, wenn es eine Möglichkeit gibt, 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 schon früher ähnliche Pakete wie meines erstellt (was mir erst klar wurde, nachdem ich es erstellt hatte). Aber ich habe gemerkt, dass meine eigene Lösung für mich oder jemanden 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) benötigten. 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 nach ihr 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)

Also insgesamt bevorzuge ich 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!

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/proman4713/console-styling-in-javascript-with-a-few-kilobytes-2gjn?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen Es
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3