DEV Community

Discussion on: Better console.logs

Collapse
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

console.pretty

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.

Example

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

Installation

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

or

$ yarn add console.pretty

API

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