<div markdown="1" <supUsing <a href="https://wangchujiang.com/#/app" target="blank"my app</a is also a way to <a href="https://wangchujiang.com/#/sponsor" target="blank"support</a me:</sup <br <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6758053530" title="Scap: Screenshot & Markup Edit for macOS"<img alt="Scap: Screenshot & Markup Edit" height="52" src="https://wangchujiang.com/appicon/scap.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6757317079" title="Screen Test for macOS"<img alt="Screen Test" height="52" src="https://wangchujiang.com/appicon/screen-test.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6755948110" title="Deskmark for macOS"<img alt="Deskmark" height="52" src="https://wangchujiang.com/appicon/deskmark.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6500434773" title="Keyzer for macOS"<img alt="Keyzer" height="52" src="https://wangchujiang.com/appicon/keyzer.png"</a <a target="blank" href="https://github.com/jaywcjlove/vidwall-hub" title="Vidwall Hub for macOS"<img alt="Vidwall Hub" height="52" src="https://wangchujiang.com/appicon/vidwall-hub.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6752624705" title="VidCrop for macOS"<img alt="VidCrop" height="52" src="https://wangchujiang.com/appicon/vidcrop.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6747587746" title="Vidwall for macOS"<img alt="Vidwall" height="52" src="https://wangchujiang.com/appicon/vidwall.png"</a <a target="blank" href="https://wangchujiang.com/mousio-hint/" title="Mousio Hint for macOS"<img alt="Mousio Hint" height="52" src="https://wangchujiang.com/appicon/mousio-hint.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6746747327" title="Mousio for macOS"<img alt="Mousio" height="52" src="https://wangchujiang.com/appicon/mousio.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6745227444" title="Musicer for macOS"<img alt="Musicer" height="52" src="https://wangchujiang.com/appicon/musicer.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6743841447" title="Audioer for macOS"<img alt="Audioer" height="52" src="https://wangchujiang.com/appicon/audioer.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6744690194" title="FileSentinel for macOS"<img alt="FileSentinel" height="52" src="https://wangchujiang.com/appicon/file-sentinel.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6743495172" title="FocusCursor for macOS"<img alt="FocusCursor" height="52" src="https://wangchujiang.com/appicon/focus-cursor.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6742680573" title="Videoer for macOS"<img alt="Videoer" height="52" src="https://wangchujiang.com/appicon/videoer.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6740425504" title="KeyClicker for macOS"<img alt="KeyClicker" height="52" src="https://wangchujiang.com/appicon/key-clicker.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6739052447" title="DayBar for macOS"<img alt="DayBar" height="52" src="https://wangchujiang.com/appicon/daybar.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6739444407" title="Iconed for macOS"<img alt="Iconed" height="52" src="https://wangchujiang.com/appicon/iconed.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6737160756" title="Menuist for macOS"<img alt="Menuist" height="52" src="https://wangchujiang.com/appicon/rightmenu-master.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6723903021" title="Paste Quick for macOS"<img alt="Quick RSS" height="52" src="https://wangchujiang.com/appicon/paste-quick.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6670696072&platform=mac" title="Quick RSS for macOS/iOS"<img alt="Quick RSS" height="52" src="https://wangchujiang.com/appicon/quick-rss.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6670167443" title="Web Serve for macOS"<img alt="Web Serve" height="52" src="https://wangchujiang.com/appicon/web-serve.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6503953628&platform=mac" title="Copybook Generator for macOS/iOS"<img alt="Copybook Generator" height="52" src="https://wangchujiang.com/appicon/copybook-generator.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6471227008&platform=mac" title="DevTutor for macOS/iOS"<img alt="DevTutor for SwiftUI" height="52" src="https://wangchujiang.com/appicon/devtutor.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6479819388&platform=mac" title="RegexMate for macOS/iOS"<img alt="RegexMate" height="52" src="https://wangchujiang.com/appicon/regex-mate.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6479194014&platform=mac" title="Time Passage for macOS/iOS"<img alt="Time Passage" height="52" src="https://wangchujiang.com/appicon/time-passage.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6478772538" title="IconizeFolder for macOS"<img alt="Iconize Folder" height="52" src="https://wangchujiang.com/appicon/iconize-folder.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6478511402&platform=mac" title="Textsound Saver for macOS/iOS"<img alt="Textsound Saver" height="52" src="https://wangchujiang.com/appicon/textsound-saver.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6476924627" title="Create Custom Symbols for macOS"<img alt="Create Custom Symbols" height="52" src="https://wangchujiang.com/appicon/create-custom-symbols.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6476452351" title="DevHub for macOS"<img alt="DevHub" height="52" src="https://wangchujiang.com/appicon/devhub.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6476400184" title="Resume Revise for macOS"<img alt="Resume Revise" height="52" src="https://wangchujiang.com/appicon/resume-revise.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6472593276" title="Palette Genius for macOS"<img alt="Palette Genius" height="52" src="https://wangchujiang.com/appicon/palette-genius.png"</a <a target="blank" href="https://jaywcjlove.github.io/maslink/?id=6470879005" title="Symbol Scribe for macOS"<img alt="Symbol Scribe" height="52" src="https://wangchujiang.com/appicon/symbol-scribe.png"</a </div <hr
<img align="right" height="150" src="./img/colors-cli.png"
colors-cli
Terminal string styling done right. ಠಠ
<img src="img/screenshot.png"
Install with npm:
npm install colors-cli --save-devStyles
bold、 faint、 italic、 underline、 blink、 overline、 inverse、 conceal、 strike、
Colors
<table <thead<thForeground</th<thBackground</th<th</th<thBright Foreground</th<thBright Background</th<th</th</thead <tbody <tr <tdblack</td <tdblackb</td <td<img src="img/black.png?sanitize=true" width="20" height="20" /</td <tdblackbt</td <tdblackbbt</td <td<img src="img/blackbright.png?sanitize=true" width="20" height="20" /</td </tr <tr <tdred</td <tdredb</td <td<img src="img/red.png?sanitize=true" width="20" height="20" /</td <tdredbt</td <tdredbbt</td <td<img src="img/redbright.png?sanitize=true" width="20" height="20" /</td </tr <tr <tdgreen</td <tdgreenb</td <td<img src="img/green.png?sanitize=true" width="20" height="20" /</td <tdgreenbt</td <tdgreenbbt</td <td<img src="img/greenbright.png?sanitize=true" width="20" height="20" /</td </tr <tr <tdyellow</td <tdyellowb</td <td<img src="img/yellow.png?sanitize=true" width="20" height="20" /</td <tdyellowbt</td <tdyellowbbt</td <td<img src="img/yellowbright.png?sanitize=true" width="20" height="20" /</td </tr <tr <tdblue</td <tdblueb</td <td<img src="img/blue.png?sanitize=true" width="20" height="20" /</td <tdbluebt</td <tdbluebbt</td <td<img src="img/bluebright.png?sanitize=true" width="20" height="20" /</td </tr <tr <tdmagenta</td <tdmagentab</td <td<img src="img/magenta.png?sanitize=true" width="20" height="20" /</td <tdmagentabt</td <tdmagentabbt</td <td<img src="img/magentabright.png?sanitize=true" width="20" height="20" /</td </tr <tr <tdcyan</td <tdcyanb</td <td<img src="img/cyan.png?sanitize=true" width="20" height="20" /</td <tdcyanbt</td <tdcyanbbt</td <td<img src="img/cyanbright.png?sanitize=true" width="20" height="20" /</td </tr <tr <tdwhite</td <tdwhiteb</td <td<img src="img/white.png?sanitize=true" width="20" height="20" /</td <tdwhitebt</td <tdwhitebbt</td <td<img src="img/whitebright.png?sanitize=true" width="20" height="20" /</td </tr </tbody </table
Basic usage:
Output colored text:
var color = require('colors-cli')
console.log( color.red('hello') )Best way is to predefine needed stylings and then use it:
var color = require('colors-cli/safe')
var error = color.red.bold;
var warn = color.yellow;
var notice = color.blue;
console.log(error('Error!'));
console.log(warn('Warning'));
console.log(notice('Notice'));Styles can be mixed:
var color = require('colors-cli/safe')
console.log('=>', color.red.bold.underline('hello') )
console.log('=>', color.magenta_bt.underline('hello ' + color.blue_bt('wo' + color.yellow_bt.magenta_bbt('r') + 'ld') + ' !!!!'));
console.log('=>', color.magenta_bt.underline('hello ' + color.blue_bt('wo' + color.yellow_bt.magenta_bbt('r'))));
console.log('=>', color.magenta_bt.underline('hello ' + color.blue_bt('world') + ' !!!!' + color.yellow('kenny') + ' wong' ));
var color = require('colors-cli/safe')
require('colors-cli/toxic')
console.log('=> ' + color.underline('$ ' + 'npm'.magenta.underline + ' install'.yellow.underline + ' colors-cli --save-dev'));