vite-plugin-vue-inspector
unplugin-vue-components
| vite-plugin-vue-inspector | unplugin-vue-components | |
|---|---|---|
| 3 | 18 | |
| 627 | 3,536 | |
| - | 2.3% | |
| 6.9 | 7.4 | |
| 21 days ago | 4 days ago | |
| Vue | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vite-plugin-vue-inspector
-
Ask HN: How do you relate rendered HTML to the TypeScript file it came from?
There is a nifty SvelteKit plugin called Svelte Inspector[1] that lets you select an element in the browser and open the source file in you IDE. It doesn't always get the line number perfectly, but it's pretty good.
I think it is based on https://github.com/webfansplz/vite-plugin-vue-inspector
And this seems to be a similar tool for React: https://chrome.google.com/webstore/detail/react-inspector/gk...
There is also React Dev Tools: https://chrome.google.com/webstore/detail/react-developer-to...
If none of those suit your needs, I think most of them are open-source. So modify as needed~
[1]: https://joyofcode.xyz/svelte-inspector
-
Better DX in Vue apps with Vite Devtools
You can also use the "Inspector" feature to inspect the DOM tree and see which component is rendering it. Click to go to your editor of the specific line. Making it much easier to make changes, without the requirement of understanding the project structure thoroughly. (This feature is implemented based on the vite-plugin-vue-inspector)
-
[Vite Plugin] Jump to local IDE source code while click the element of browser automatically.
vite-plugin-vue-inspector
unplugin-vue-components
- Vue 3 vs Vue 2 so far? What's your opinion? Things I didn't like about Vue 3 compared to Vue 2
-
Saw this on twitter last night 😂😂
unplugin-vue-components, auto import components in the src/components path.
-
Does anyone uses nvim?
One suggestion I have though to make your life easier is to add the unplugin plugin to your app and then you won't have to list all the components you are importing. https://github.com/antfu/unplugin-vue-components
- How to register all the components in subfolders?
-
Import commonly-used module once, not in each component?
Add in unplugin-vue-components and you cut away a lot of boilerplate import nonsense.
-
Amatuer question - I'm using PrimeVUE to create a UI, do I need to import each control I'm using?
Presumably you're using Vite so you can check out unplugin-vue-components and the Prime Vue resolver. This should enable you to simply use whatever component you want within your template and Vite will auto import it for you without having to explicitly do so yourself.
-
Do I need Quasar CLI If I only need Quasar's components and nothing else ?
I can recommend unplugin-vue-components with the quasar resolver
-
Can I import all components in a particular folder with one "import" statement?
As someone mentioned unplugin-vue-components.
- Jak przejść z Webpack (Vue CLI) na Vite?
-
Vue 3 - UI Framework for large desktop app (Quasar or element plus + vuetify alpha?)
I'd like to add https://github.com/antfu/unplugin-icons and https://github.com/antfu/unplugin-vue-components.
What are some alternatives?
vite-plugin-pwa - Zero-config PWA for Vite
unplugin-auto-import - Auto import APIs on-demand for Vite, Webpack and Rollup
vite-plugin-webfont-dl - ⚡ Webfont Download Vite Plugin - Make your Vite site load faster
unplugin-icons - 🤹 Access thousands of icons as components on-demand universally.
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
unocss - The instant on-demand atomic CSS engine.
vscode-vite - One step faster for Vite in VS Code ⚡️
vite-imagetools - Load and transform images using a toolbox :toolbox: of custom import directives!
vite-plugin-inspect - Inspect the intermediate state of Vite plugins
unplugin-fonts - Universal Webfont loader - Unfonts - based on https://web.dev/optimize-webfont-loading/
vite-plugin-md - Markdown with Vue for Vite
vite-quasar-api - spring boot jpa