The Problem: Context Switching
As developers, we live in our IDE. But when we need to check how our app is performing—CPU usage, memory leaks, or HTTP latency—we have to alt-tab away to a browser, log into Grafana or Prometheus, and hunt for the right dashboard. It breaks our flow.
The Solution: Vitals
I built Vitals to bridge this gap. Vitals is an open-source VS Code extension that brings real-time observability directly into your editor.
It connects cleanly to Prometheus to visualize critical system and specific application metrics without you ever leaving your code.
✨ Key Features
- Real-Time Metrics 📊 Visualize critical metrics with auto-updating, interactive charts.
CPU & Memory: Track resource usage trends instantly.
Request Latency: Monitor p50, p95, and p99 response times.
Custom Metrics: Support for any Prometheus metric you care about.
- Live Log Stream 📜 Forget tail -f. Vitals gives you a terminal-like log viewer right in the dashboard with:
Syntax Highlighting: Color-coded for INFO, WARN, ERROR.
Search & Filter: Quickly isolate the logs you need.
- Zero Configuration ⚡ If you have Prometheus running locally (e.g., via Docker or Homebrew), Vitals auto-discovers it. No complex JSON config required to get started—just install and view.
🛠️ Quick Start
Install the Extension: Search for "Vitals" in the VS Code Marketplace.
Run Prometheus: Ensure Prometheus is running (default port :9090).
Open Dashboard: Press Ctrl+Shift+P -> Vitals: Open Dashboard.
That's it! You should see your metrics streaming immediately.
🔮 What's Next?
We are actively working on v0.3.0, which will include:
Multi-datasource support (Datadog, AWS CloudWatch).
AI-powered anomaly detection.
Historical data analysis.
Try it out!
We’re open source and love feedback.
Download: VS Code Marketplace
Open VSX: Vitals
Source Code: GitHub (Give us a star! ⭐)
Docs: Get Started
Happy Coding! 💻
Top comments (0)