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
| |
