Penggayaan Konsol dalam JavaScript dengan beberapa kilobait

Saya tidak tahu tentang anda, tetapi saya suka menyimpan log konsol saya dalam projek JavaScript saya kelihatan bagus. Dan kerana tidak semua terminal menyokong emoji, apakah cara yang lebih baik yang saya ada daripada mewarnakan output konsol?

Nah, anda boleh melakukannya dengan menggoogl kod melarikan diri ANSI untuk setiap gaya konsol yang anda inginkan. Atau mungkin hafal sebahagian daripadanya daripada halaman seperti W3Docs. Tetapi saya suka membuat log saya kelihatan baik, saya pastinya bukan seorang yang boleh menghafal banyak perkara dan saya suka mempunyai satu cara yang berkesan di mana-mana sahaja.

Nah, saya biasanya hanya menggunakan log berwarna untuk JS, jadi tidak perlu sesuatu yang berfungsi secara literal di mana-mana sahaja. Tetapi sekurang-kurangnya sesuatu yang berfungsi di mana-mana sahaja terdapat JavaScript yang terlibat.

Jadi saya memutuskan untuk menulis skrip saya sendiri yang mengandungi setiap kemungkinan kod melarikan diri ANSI yang mungkin saya perlukan, dalam bentuk fungsi. Tetapi kemudian saya menyedari ia akan menjengkelkan untuk menyalin skrip yang sama berulang kali dalam semua projek saya. Jadi, sebagai orang yang tidak pernah bekerja dengan arahan npm selain npm i dan init, saya memutuskan untuk mengetahui lebih lanjut dan mencipta pakej NPM peribadi yang boleh saya pasang dalam projek saya (atau mengklon repositori GitHubnya untuk projek bukan NodeJS).
Saya tidak mahu berurusan dengan pengesahan NPM setiap kali saya memasang pakej itu, jadi saya hanya mendedahkannya kepada umum.

Dan itulah perkara kami di sini untuk hari ini: javascript-console-styling ialah pakej yang saya buat untuk memudahkan proses ini pada saya.

Sememangnya, pakej yang serupa dengan saya telah dibuat sebelum ini (yang merupakan fakta yang saya hanya sedar selepas membuatnya). Tetapi saya perhatikan bahawa penyelesaian saya sendiri masih lebih baik untuk saya, atau sesiapa sahaja seperti saya:

• Pakej saya hanya mengambil 14KB ruang, menurut npm. Manakala pakej lain yang serupa mengambil masa sehingga 50 kali jumlah yang sama (lebih daripada 500 kilobait). Walaupun kedua-duanya berada di bawah satu megabait, ia adalah lebih baik untuk mempunyai pakej yang lebih kecil kerana anda boleh mengurus semua failnya dengan mudah (atau bahkan memotongnya dan mengubah suainya dengan mudah jika anda mahu)

• Pakej saya boleh menyusun gaya dan hiasan yang berbeza kerana ia adalah fungsi... Dan walaupun anda mempunyai keseluruhan rentetan gaya yang mengandungi subrentetan dengan gaya berbeza maka anda hanya boleh menggabungkan subrentetan (termasuk subrentetan di dalam rentetan induk akan menghentikan sebarang gaya daripada digunakan selepas itu disebabkan penetapan semula yang dilakukan oleh setiap fungsi penggayaan)

• Pakej saya mempunyai alat ujian mudah yang menunjukkan semua kemungkinan kombinasi warna dan hiasan supaya pengguna boleh mengesahkan outputnya dalam terminal mereka (Fungsi ujian tidak disertakan dalam pakej lalai, tetapi tersedia pada halaman NPM dan pada GitHub)

Jadi secara keseluruhan, saya lebih suka menggunakan kod saya sendiri. Tetapi sebahagian daripada memiliki pakej awam ialah memastikan orang ramai tahu bagaimana ia boleh membantu mereka, supaya mereka boleh memilih sendiri jika mereka memerlukannya.

Saya tidak fikir ini akan menjadi pakej NPM terakhir yang saya buat, tetapi ia adalah cara yang baik untuk membuatkan saya bermotivasi tentang keseluruhan perkara NPM!

Pastikan anda menyemak pakej, dan selamat menggodam!

Atas ialah kandungan terperinci Penggayaan Konsol dalam JavaScript dengan beberapa kilobait. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!