Announcements

Checkout out my CLG EDITION: ES7 React/Redux/React-Native/JS snippets. Its removes conflicting clg snippets with dsznajder's ES7 React/Redux/React-Native/JS snippets

Features

Demo on stackblitz. No install required! 👍 👍

Examples

Prefix	Method
clg→	console.log("%cclg.js line:35 foo", "color: #007acc;", foo);
clgj→	console.log('%cAbout.tsx line:8 foo', 'color: #007acc;', JSON.stringify(foo, null, "\t" ))
clgg→	console.log("%cclg.js line:37 foo", "color: #26bfa5;", foo);
clgbb→	console.log("%cclg.js line:39 foo", "color: white; background-color: #007acc;", foo);
clggb→	console.log("%cclg.js line:41 foo", "color: white; background-color: #26bfa5;", foo);
clghello→	console.log("%cHello clg.js", "background: green; color: white; display: block;");
clgnhello→	console.log('\\x1b[42m%s\\x1b[0m', 'Hello ${TM_FILENAME} line:${TM_LINE_NUMBER}$1'
clgerr→	console.log("%cerror clg.js", "color: red; display: block; width: 100%;", error);
clgr→	console.log("%c Rainbowww!", "font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113); margin-bottom: 12px; padding: 5%");
clghuh→	console.log("%c ", "font-size: 1px; padding: 166.5px 250px; background-size: 500px 333px; background: no-repeat url(https://i.cloudup.com/Zqeq2GhGjt-3000x3000.jpeg);");
clgg→	console.log("%c ", "font-size: 1px; padding: 240px 123.5px; background-size: 247px 480px; background: no-repeat url(https://i2.wp.com/i.giphy.com/media/11ZSwQNWba4YF2/giphy-downsized.gif?w=770&ssl=1);");
clgclbrt→	console.log("%c ", "font-size: 1px; padding: 125px 125px; background-size: 250px 250px; background: no-repeat url(https://i2.wp.com/i.giphy.com/media/12BYUePgtn7sis/giphy-downsized.gif?w=770&ssl=1);");
clgc→	console.log("%c ", "font-size: 1px; padding: 215px 385px; background-size: 770px 430px; background: no-repeat url(https://i0.wp.com/i.giphy.com/media/ZVik7pBtu9dNS/giphy-downsized.gif?w=770&ssl=1);");

Complete Index

Prefix	Description
clgbb	Simple Console Log Shortcut for JS Objects - Blue Background
clgbug	Bugs, bugs, bugs and more bugs
clgc	Coding GIF
clgerr	Find errors with style
clggb	Simple Console Log Shortcut for JS Objects - Green Background
clgg	Simple Console Log Shortcut for JS Objects - Green Text
clghello	Console logs -> Hello ${RELATIVE_FILEPATH}:${TM_LINE_NUMBER} on Green Background
clgclbrt	Celebrate your code works!
clgnj	CLG: Node JSON String Output, Node ANSII Color Blue Background
clgj	JSON String Output
clgnbb	Node ANSII Color Blue Background
clgnbfg	Node ANSII Color Blue Foreground
clgngb	Node ANSII Color Green Background
clgngfg	Node ANSII Color Green Foreground
clgnrb	Node ANSII Color RED Background
clgnrfg	Node ANSII Color RED Foreground
clgnhello	Node Console logs -> Hello ${RELATIVE_FILEPATH}:${TM_LINE_NUMBER} on Green Background
clgr	You need a Rainbow in your code
clghuh	Confused?! so put a this guy in your code.
clg	Simple Console Log Shortcut for JS Objects - Blue Text

Release Notes

Feel to free to fork my repo and if I like it I'll merge it in.

Enjoy!

Support Open Source Code by buying me a drink ⚡🥤 😉.

Credit:

Rainbow clg : Mahesh Haldar

Background image in clg : BrunoLM