kandi background
Explore Kits

vConsole | extendable front-end developer tool

 by   Tencent TypeScript Version: v3.14.6 License: Non-SPDX

 by   Tencent TypeScript Version: v3.14.6 License: Non-SPDX

Download this library from

kandi X-RAY | vConsole Summary

vConsole is a TypeScript library. vConsole has no bugs, it has no vulnerabilities and it has medium support. However vConsole has a Non-SPDX License. You can download it from GitHub.
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.
Support
Support
Quality
Quality
Security
Security
License
License
Reuse
Reuse

kandi-support Support

  • vConsole has a medium active ecosystem.
  • It has 14417 star(s) with 2919 fork(s). There are 303 watchers for this library.
  • There were 3 major release(s) in the last 6 months.
  • There are 12 open issues and 349 have been closed. On average issues are closed in 104 days. There are no pull requests.
  • It has a neutral sentiment in the developer community.
  • The latest version of vConsole is v3.14.6
vConsole Support
Best in #TypeScript
Average in #TypeScript
vConsole Support
Best in #TypeScript
Average in #TypeScript

quality kandi Quality

  • vConsole has 0 bugs and 0 code smells.
vConsole Quality
Best in #TypeScript
Average in #TypeScript
vConsole Quality
Best in #TypeScript
Average in #TypeScript

securitySecurity

  • vConsole has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
  • vConsole code analysis shows 0 unresolved vulnerabilities.
  • There are 0 security hotspots that need review.
vConsole Security
Best in #TypeScript
Average in #TypeScript
vConsole Security
Best in #TypeScript
Average in #TypeScript

license License

  • vConsole has a Non-SPDX License.
  • Non-SPDX licenses can be open source with a non SPDX compliant license, or non open source licenses, and you need to review them closely before use.
vConsole License
Best in #TypeScript
Average in #TypeScript
vConsole License
Best in #TypeScript
Average in #TypeScript

buildReuse

  • vConsole releases are available to install and integrate.
  • Installation instructions are not available. Examples and code snippets are available.
  • It has 2294 lines of code, 0 functions and 62 files.
  • It has low code complexity. Code complexity directly impacts maintainability of the code.
vConsole Reuse
Best in #TypeScript
Average in #TypeScript
vConsole Reuse
Best in #TypeScript
Average in #TypeScript
Top functions reviewed by kandi - BETA

Coming Soon for all Libraries!

Currently covering the most popular Java, JavaScript and Python libraries. See a SAMPLE HERE.
kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.

vConsole Key Features

Logs: console.log|info|error|…​

Network: XMLHttpRequest, Fetch, sendBeacon

Element: HTML elements tree

Storage: Cookies, LocalStorage, SessionStorage

Execute JS command manually

Custom plugins

Guide

copy iconCopydownload iconDownload
$ npm install vconsole

System Panel

copy iconCopydownload iconDownload
console.log('output to Log panel.')
console.log('[system]', 'output to System panel.')

NuxtJS - How to add vConsole.js to Nuxt?

copy iconCopydownload iconDownload
plugins/vConsole.client.js

import VConsole from 'vconsole' 
Vue.use(VConsole)
plugins: { src: '~/plugins/vConsole.client.js' }
-----------------------
plugins/vConsole.client.js

import VConsole from 'vconsole' 
Vue.use(VConsole)
plugins: { src: '~/plugins/vConsole.client.js' }
-----------------------
import Vue from 'vue';
import vConsole from 'vconsole';

const vconsole = new vConsole();
Vue.use(vconsole);

Community Discussions

Trending Discussions on vConsole
  • NuxtJS - How to add vConsole.js to Nuxt?
Trending Discussions on vConsole

QUESTION

NuxtJS - How to add vConsole.js to Nuxt?

Asked 2020-Dec-02 at 23:02

How do I add vConsole.js to Nuxt?

// debugging
import VConsole from "vconsole";
const vConsole = new VConsole();

This causes the error window is not defined

I am stuck... any help very much appreciated.

Thanks!

ANSWER

Answered 2020-Dec-02 at 21:58

window isn’t defined on the server-side. You need to use vConsole as a client side plugin.

plugins/vConsole.client.js

import VConsole from 'vconsole' 
Vue.use(VConsole)

Don’t forget to add it to your nuxt.config.js

plugins: { src: '~/plugins/vConsole.client.js' }

Source https://stackoverflow.com/questions/65116469

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install vConsole

You can download it from GitHub.

Support

[Tutorial](./doc/tutorial.md)[Public Properties & Methods](./doc/public_properties_methods.md)[Builtin Plugin: Properties & Methods](./doc/plugin_properties_methods.md)[Plugin: Getting Started](./doc/plugin_getting_started.md)[Plugin: Building a Plugin](./doc/plugin_building_a_plugin.md)[Plugin: Event List](./doc/plugin_event_list.md)

DOWNLOAD this Library from

Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
over 430 million Knowledge Items
Find more libraries
Reuse Solution Kits and Libraries Curated by Popular Use Cases

Save this library and start creating your kit

Share this Page

share link
Compare TypeScript Libraries with Highest Support
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
over 430 million Knowledge Items
Find more libraries
Reuse Solution Kits and Libraries Curated by Popular Use Cases

Save this library and start creating your kit

  • © 2022 Open Weaver Inc.