https://github.com/acrool/acrool-js-logger

color style console.log
https://github.com/acrool/acrool-js-logger

console

Last synced: about 1 month ago
JSON representation

color style console.log

• Host: GitHub
• URL: https://github.com/acrool/acrool-js-logger
• Owner: acrool
• License: mit
• Created: 2024-05-19T10:05:54.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-08-08T01:37:43.000Z (9 months ago)
• Last Synced: 2025-04-01T16:07:01.522Z (about 1 month ago)
• Topics: console
• Language: TypeScript
• Homepage: https://acrool-js-logger.pages.dev/
• Size: 401 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-react - Acrool JS Logger - Color Console Log (JS Utils)
• awesome-react - Acrool JS Logger - Color Console Log (JS Utils)

README

        
# Acrool JS Logger



    





   style color console.log





[![NPM](https://img.shields.io/npm/v/@acrool/js-logger.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/js-logger)

[![npm](https://img.shields.io/bundlejs/size/@acrool/js-logger?style=for-the-badge)](https://github.com/acrool/js-logger/blob/main/LICENSE)

[![npm](https://img.shields.io/npm/l/@acrool/js-logger?style=for-the-badge)](https://github.com/acrool/acrool-js-logger/blob/main/LICENSE)

[![npm downloads](https://img.shields.io/npm/dm/@acrool/js-logger.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/js-logger)

[![npm](https://img.shields.io/npm/dt/@acrool/js-logger.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/js-logger)



## Features

- style color version console.log

## Installation

```bash

yarn add @acrool/js-logger

```

## Examples

```ts

import logger from '@acrool/js-logger';

const objectVar = {id: 1, name: 'imaginechiu'}; 

const arrayVar = [1, 2, 3, 4]; 

const arrayObjVar = [{id: 1, name: 'imaginechiu'}, {id: 2, name: 'selinwu'}, {id: 3, name: 'garychien'}]; 

logger.primary('primary', objectVar, arrayVar);

logger.success('success', objectVar, arrayVar);

logger.warning('warning', objectVar, arrayVar);

logger.danger('danger', objectVar, arrayVar);

logger.info('info', objectVar, arrayVar);

```



There is also a example that you can play with it:

[![Play react-editext-example](https://raw.githubusercontent.com/acrool/acrool-js-logger/main/play-in-example-button.svg)](https://acrool-js-logger.pages.dev)

## License

MIT © [Acrool](https://github.com/acrool) & [Imagine](https://github.com/imagine10255)