Vue & Vite Devtools

on YouTube ↗26m

" summary

Extension and UI migrate to Manifest V3 and the frontend moves to Vite/Vue 3 with TypeScript and Composition API; a new Devtools SDK standardizes reusable applet types: main / page / view that communicate via RPC with typed promises, supporting embedded-in-page, browser extension, or standalone Electron shells. Demo implements fetchPinState RPC, a live pin-store inspector that pushes updates and shows main calling page every five seconds, and the initial SDK v1 is finished though APIs remain experimental.

AI-written summary · about

" chapters (5)

1. 0:00Introduction
2. 0:36DevTools state and updates
3. 3:49DevTools Kit introduction
4. 12:03DevTools Kit SDK demo
5. 25:11Future plans and conclusion

" related talks

• 07mBuilding with Vite's JavaScript APIFrançois Wouts · ViteConf 2023
• 50mExtensible devtoolsGuillaume Chau · Vuejs Amsterdam 2021
• 24mDeveloper Experience with NuxtAnthony Fu · Vuejs Amsterdam 2023
• 15mNew Ways to VueAnthony Fu · Vue.js London Live 2021
• 20mA Tour of the Vite EcosystemBen McCann · ViteConf 2023
• 29mVite DevtoolsAnthony Fu · ViteConf 2025
• 18mPreview.js: How Vite enables instant component previews in your IDEFrançois Wouts · ViteConf 2022
• 20mVite - The Next Generation Frontend ToolingDevlin Duldulao · React Advanced 2021