Учебник

$ npm install vconsole

import VConsole from 'vconsole';

const vConsole = new VConsole();
// или инициализация с использованием опций
const vConsole = new VConsole({ тема: 'темная' });

// вызывайте методы консоли как обычно
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>

var vConsole = new VConsole(опция);

// установите ключ только один
vConsole.setOption('log.maxLogNumber', 5000);
// перезапишите объект 'log'
vConsole.setOption({ log: { maxLogNumber: 5000 } });

Когда vConsole ещё не загружено, логи будут выводиться в консоль браузера. После импорта vConsole, логи будут выводиться как в панели vConsole, так и в консоли браузера.

Если вам нужно выводить логи только в панели vConsole, попробуйте [методы плагина логов](./plugin_properties_methods.md):

```javascript
vConsole.log.log('Привет мир');

console.log('foo');   // Чёрный текст, белый фон
console.info('bar');  // Фиолетовый текст, белый фон
console.debug('oh');  // Оранжевый текст, белый фон
console.warn('foo');  // Оранжевый текст, жёлтый фон
console.error('bar'); // Красный текст, розовый фон

console.clear();        // Очистка всех логов
console.time('foo');    // Начало таймера с именем "foo"
console.timeEnd('foo'); // Остановка таймера "foo" и вывод времени

console.log('%c blue %c red', 'color:blue', 'color:red'); // blue red
console.log('%c FOO', 'font-weight:bold', 'bar');          // FOO bar
console.log('%c Foo %c bar', 'color:red');                // Foo %c bar

console.log('Привет %s, Я %s', 'Foo', 'Bar'); // Привет Foo, Я Bar
console.log('У меня было %d пирожных', 3); // У меня было 3 пирожных
console.log('Этот %o большой', obj); // Этот [[obj]] большой

console.log('[system]', 'foo'); // 'foo' будет выведено в панели System
console.log('[system] bar'); // этот лог будет показан в вкладке Log вместо панели System

var xhr = new XMLHttpRequest();
xhr._noVConsole = true; // Теперь этот запрос не будет записан в панели
xhr.open('GET', 'http://example.com/');
xhr.send();

vConsole.network.add(...);