Better DX in Vue apps with Vite Devtools

1. vite-plugin-vue-devtools

   1 3 1,640 8.9 TypeScript

   Discontinued Vite + Vue DevTools = DX 🔥

   Make sure to visit the repository https://github.com/webfansplz/vite-plugin-vue-devtools and leave a star for the author ⭐️

2. InfluxDB

   influxdata.com featured

   InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

   

3. router

   2 24 4,198 8.7 TypeScript

   🚦 The official router for Vue.js (by vuejs)

   

   Routes tab is a feature integrated with Vue Router, allowing you to view the registered routes and their details.

4. pinia

   3 33 13,809 9.3 TypeScript

   🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support

   

   Pinia tab is a feature integrated with Pinia, allowing you to view the registered modules and their details.

5. vite-plugin-inspect

   4 3 1,450 8.6 Vue

   Inspect the intermediate state of Vite plugins

   

   Inspect expose the vite-plugin-inspect integration, allowing you to inspect transformation steps of Vite. It can be helpful to understand how each plugin is transforming your code and spot potential issues.

6. vite-plugin-vue-inspector

   5 4 742 7.0 Vue

   jump to editor source code while click the element of browser automatically.

   

   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)

7. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

Suggest a related project