24.7K ·GitHub
Что это такое?
Это Vue Devtools — расширение для инструментов разработчика в браузере, чтобы отлаживать приложения на Vue.js. Репозиторий devtools-v6 — это кодовая база шестой версии.
Это расширение для браузера или отдельное приложение?
Это расширение: оно добавляет панель Vue в инструменты разработчика в Chrome и Firefox. Если удобнее работать вне браузера, есть и отдельное приложение на Electron.
Как установить его в браузер?
Установите расширение по разделу Install в документации проекта — обычному пользователю ничего собирать не нужно. Node.js (>= 8.10) и yarn в этом lerna-монорепозитории нужны только тем, кто разрабатывает сами devtools.
Мне ставить эту версию или новую, о которой говорит README?
README сразу указывает на vuejs/devtools-next — совершенно новый переписанный вариант, который сейчас в бете, и просит помогать его тестировать. Это расширение v6 — проверенная версия на сегодня, у неё около 24,7 тыс. звёзд на GitHub.
Работает ли оно и с Vue 2, и с Vue 3?
Да. В комплекте есть отдельные бэкенды для Vue 2 и Vue 3, а поддержка Vue 1 указана как «скоро».
Я пишу плагин для Vue — могу ли я подключить его к devtools?
Да. Репозиторий публикует открытый devtools API (пакет api), который плагины для Vue могут подключать, чтобы показывать свои данные в панели.
Оно внедряет что-то в мою страницу, чтобы её инспектировать?
Да — в страницу внедряется бэкенд, который взаимодействует с вашими Vue-приложениями, а сам интерфейс панели — это Vue-приложение, отображаемое в панели инструментов разработчика браузера.
What are similar projects?
redux-devtools-extension, redux-devtools, react-devtools, vConsole, web-source-inspect, responsively-app, react-scan, vuex
Which topics is it in?
firefox-extension, devtools, debugging, chrome-extension, browser-extension, javascript-library, electron, vue, plugin, web-development, frontend, api
