Herteby / Vue Clicky
Licence: mit
Handy debugging function for Vue
Stars: ✭ 109
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Clicky
Comtool
Cross platform Serial Assistant ( 跨平台 串口 调试 助手 串口助手 串口调试助手 linux windows mac Raspberry Pi )
Stars: ✭ 524 (+380.73%)
Mutual labels: tool, debug
Scelight
The source code of the Scelight project with all its modules.
Stars: ✭ 97 (-11.01%)
Mutual labels: tool
Visual Center
Proposed tool to better align logos in the center of a container.
Stars: ✭ 1,338 (+1127.52%)
Mutual labels: tool
Tailor
An OS X status bar app to quickly check for new releases at Xcodereleases.com
Stars: ✭ 104 (-4.59%)
Mutual labels: tool
Debug Objects
WordPress Plugin for debugging and learning with and at the application.
Stars: ✭ 98 (-10.09%)
Mutual labels: debug
Icmethoddigger
An easy way to print almost methods including private methods (supported arm64 architecture devices).
Stars: ✭ 103 (-5.5%)
Mutual labels: tool
Evntouchiddemo
🆔 iOS fingerprint login process implementation
Stars: ✭ 98 (-10.09%)
Mutual labels: tool
D4n155
OWASP D4N155 - Intelligent and dynamic wordlist using OSINT
Stars: ✭ 105 (-3.67%)
Mutual labels: tool
Ontopreplica
A real-time always-on-top “replica” of a window of your choice (on Windows).
Stars: ✭ 1,336 (+1125.69%)
Mutual labels: tool
Pandora
an android library for debugging what we care about directly in app.
Stars: ✭ 1,365 (+1152.29%)
Mutual labels: debug
Snitch
Snitch is the tool that keeps your tests under surveillence.
Stars: ✭ 100 (-8.26%)
Mutual labels: tool
vue-clicky 🖱️
Handy debugging function for Vue. Right click any vue component, and it will show you neatly formatted info about it in the console.
Screenshot
It shows:
- The Vue component object
- Current data, props and computed properties
- Root DOM element
- If using VueRouter, info about current route
- Parent component. Click on the parent and it will display the same info about it.
Installation
npm install vue-clicky
import clicky from 'vue-clicky'
clicky() // call the exported function to initialize clicky
// you can also pass some options to clicky:
clicky({
shift:true, //default: false - clicky won't trigger unless shift is pressed
ctrl:true, //default: false - clicky won't trigger unless ctrl is pressed
stop:true, //default: false - stops regular context menu from appearing when clicky is triggered (should only be used together with shift:true or ctrl:true)
left:true //default: false - trigger on left click instead of right click
})
Changelog
2.0
- Method of initializing and setting options has been changed.
- Now using Rollup to build multiple versions for better compatibility.
- Rewrote code to be more organized.
- Shows component's root element
- If using VueRouter, also shows info about current Route.
1.3
- Added options to require
ctrl
orshift
to be pressed (off by default).
1.2
- With Chrome version 60+, the "class hack" that I used before to get things to display nicely is no longer necessary.
- Now uses lodash.cloneDeep to fetch all the values so that you no longer see a bunch of (...) that you have to click on. This means that NPM is now required. If you want to use vue-clicky without NPM, you can grab the previous version here
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].