DEV Community

Discussion on: Better console.logs

burzumumbra profile image
Ronald Flores Sequeira

I thought that console.pretty was a fast way to do this, now I'll star to use more the manual way of console.*

bvaughn / console.pretty

Pretty console logging


artist palette

Pretty console logging.

version MIT License styled with prettier

The problem

You're trying to log information, but have a hard time tracking down what the output means, where it came from, or can't find what you're looking for quickly.

This solution

Use colors to easily parse through your console.


import log, { green } from "console.pretty"
const handleOnClick = () => {"Click!")
const handleMouseover = () => {


This module is distributed via npm which is bundled with node and should be installed as one of your project's dependencies:

$ npm install console.pretty


$ yarn add console.pretty


By default, the following colors are available:

  • blue
  • brown
  • gray
  • green
  • red
  • orange
  • purple
  • yellow

However, you can also build your own logger using the provided createLogger.

import { createLogger } from