소개

Node에서 명령 프롬프트의 출력 (console.log)에 색을 칠하고 싶었으므로 그 방법을 게시합니다.

검색해도 web브라우저의 consol에 색을 붙이는 방법이 많이 히트했기 때문에, 나와 같이 곤란하고 있는 사람의 도움이 된다면…(이런 일로 곤란하지 않은가.

결론

색상을 지정하는 npm이있었습니다! !
chalk

npm i chalk

전제 조건

환경

node v10.16.3

npm 6.9.0

사용 예

자꾸 사용 예와 출력 결과를 게시합니다.
모든 예를 게시하는 것은 아니므로 자세히 보고 싶은 분은 chalk 의 페이지에서 확인해 주세요.

색상 변경

색을 바꾸고 싶은 문자열을 바꾸고 싶은 색의 수식자로 둘러싼다
※ 바꿀 수 있는 색의 종류는 chalk의 페이지에서 확인해 주세요.

index.js

const Chalk = require('chalk')
const log = console.log;

//文字の色変更
log(Chalk.red('Hello') + ' World' + Chalk.red('!'));
log(Chalk.blue('Hello Blue world!'));
log(Chalk.green('Hello Green world!'));
log(Chalk.yellow('Hello Yellow world!'));

출력 결과

배경색 변경

색을 바꾸는 것과 거의 다르지 않다.

index.js

const Chalk = require('chalk')
const log = console.log;

//文字の背景色変更
log(Chalk.bgRed('Hello') + ' World' + Chalk.bgRed('!'));
log(Chalk.bgBlue('Hello Blue world!'));
log(Chalk.bgGreen('Hello Green world!'));
log(Chalk.bgYellow('Hello Green world!'));

출력 결과

문자 스타일 변경

스타일을 변경하려는 문자열에 대해 스타일 한정자로 묶습니다.

index.js

const Chalk = require('chalk')
const log = console.log;

//文字のスタイル変更
log(Chalk.underline('Hello UnderLine world!'));
log(Chalk.bold('Hello Bold world!'));

출력 결과

문자의 스타일과 색상을 변경

스타일과 색상 한정자를 .로 연결

index.js

const Chalk = require('chalk')
const log = console.log;

//スタイルと文字の色を変える
log(Chalk.green(
  'I am a green line ' +
  Chalk.blue.underline.bold('with a blue substring') +
  ' that becomes green again!'
));

출력 결과

덤 공식 페이지 사용 예의 출력 결과

참고로, 공식 페이지에 있는 사용예의 출력 결과를 실어 둡니다.

index.js

const chalk = require('chalk');
const log = console.log;

// Combine styled and normal strings
log(chalk.blue('Hello') + ' World' + chalk.red('!'));

// Compose multiple styles using the chainable API
log(chalk.blue.bgRed.bold('Hello world!'));

// Pass in multiple arguments
log(chalk.blue('Hello', 'World!', 'Foo', 'bar', 'biz', 'baz'));

// Nest styles
log(chalk.red('Hello', chalk.underline.bgBlue('world') + '!'));

// Nest styles of the same type even (color, underline, background)
log(chalk.green(
  'I am a green line ' +
  chalk.blue.underline.bold('with a blue substring') +
  ' that becomes green again!'
));

// ES2015 template literal
log(`
CPU: ${chalk.red('90%')}
RAM: ${chalk.green('40%')}
DISK: ${chalk.yellow('70%')}
`);

// Use RGB colors in terminal emulators that support it.
log(chalk.keyword('orange')('Yay for orange colored text!'));
log(chalk.rgb(123, 45, 67).underline('Underlined reddish color'));
log(chalk.hex('#DEADED').bold('Bold gray!'));

출력 결과