vConsole

$ npm install vconsole

import VConsole from 'vconsole';

const vConsole = new VConsole();
// или инициализация с опциями
const vConsole = new VConsole({ theme: 'dark' });

// вызывайте методы консоли так же, как обычно
console.log('Привет мир');

// удалите его после завершения отладки
vConsole.destroy();

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole будет экспортирован в `window.VConsole` по умолчанию.
  var vConsole = new window.VConsole();
</script>
```Доступные CDN:

- https://unpkg.com/vconsole@latest/dist/vconsole.min.js
- https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js

---
## Предварительный просмотр

[http://wechatfe.github.io/vconsole/demo.html](http://wechatfe.github.io/vconsole/demo.html)

![](./doc/screenshot/qrcode.png)

---
## Скриншоты

### Обзор

<details>
  <summary>Светлая тема</summary>

![](./doc/screenshot/overview_light.jpg)
</details>

<details>
  <summary>Тёмная тема</summary>

![](./doc/screenshot/overview_dark.jpg)
</details>

### Панель журналов

<details>
  <summary>Стилизация журнала</summary>

![](./doc/screenshot/plugin_log_types.jpg)
</details>

<details>
  <summary>Командная строка</summary>

![](./doc/screenshot/plugin_log_command.jpg)
</details>

### Панель системы

<details>
  <summary>Информация о производительности</summary>

![](./doc/screenshot/plugin_system.jpg)
</details>

<details>
  (summary) Выгрузка логов в различные панели

```javascript
console.log('вывод в Лог панель.');
console.log('[система]', 'вывод в Системную панель.');