Установка

Требования

Окружение	Минимальная версия
Vue	3.0+
Node.js	18+

@vue/devtools-api (≥ 6.5) нужен только если вы вызываете setupDevtools() — это не формальная peer-зависимость, поэтому установите её отдельно, если используете эту функцию. Модуль Nuxt дополнительно требует Nuxt 3+.

Установка

npm install vue-network-dashboard

Быстрый старт

// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import NetworkDashboard from 'vue-network-dashboard'

const app = createApp(App)

app.use(NetworkDashboard, {
  devOnly: true, // активен только в сборках для разработки
  maxLogs: 500,
})

app.mount('#app')

Это всё. Все вызовы Fetch, XHR, WebSocket и SSE теперь захватываются. Полный список опций плагина, модуль Nuxt и использование через Composition/Options API — см. Плагин Vue, модуль Nuxt и использование.