A lightweight, extendable front-end developer tool for mobile web page.
npm install vconsoleEnglish | 简体中文
vConsole
===
A lightweight, extendable front-end developer tool for mobile web page.
vConsole is framework-free, you can use it in Vue or React or any other framework application.
Now vConsole is the official debugging tool for WeChat Miniprograms.
---
- Logs: console.log|info|error|...
- Network: XMLHttpRequest, Fetch, sendBeacon
- Element: HTML elements tree
- Storage: Cookies, LocalStorage, SessionStorage
- Execute JS command manually
- Custom plugins
For details, please see the screenshots below.
---
Latest version: 
Detailed release notes for each version are available on Changelog.
---
See Tutorial for more usage details.
For installation, there are 2 primary ways of adding vConsole to a project:
#### Method 1: Using npm (Recommended)
``bash`
$ npm install vconsole
`javascript
import VConsole from 'vconsole';
const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ theme: 'dark' });
// call console methods as usual
console.log('Hello world');
// remove it when you finish debugging
vConsole.destroy();
`
#### Method 2: Using CDN in HTML:
`html`
Available 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

---
Light theme

Dark theme

Log styling

Command line

Performance info

Output logs to different panel
`javascript``
console.log('output to Log panel.')
console.log('[system]', 'output to System panel.')
Request details

Realtime HTML elements structure

Add, edit, delete or copy Cookies / LocalStorage / SessionStorage

---
vConsole:
- Tutorial
- Public Properties & Methods
- Builtin Plugin: Properties & Methods
Custom Plugin:
- Plugin: Getting Started
- Plugin: Building a Plugin
- Plugin: Event List
---
- vConsole-sources
- vconsole-webpack-plugin
- vconsole-stats-plugin
- vconsole-vue-devtools-plugin
- vconsole-outputlog-plugin
- vite-plugin-vconsole
---
QQ Group: 497430533

---