Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>DevGuard Pro - Configuration GuardianNew to Visual Studio Code?Β Get it now.
DevGuard Pro - Configuration Guardian

DevGuard Pro - Configuration Guardian

HabitusNet

|
9 installs
| (0) | Free
πŸ›‘οΈ Your project's comprehensive guardian for security, standards, and streamlined onboarding. Real-time validation, drift detection, and automated remediation with visual status indicators.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🛡️ DevGuard Pro - Configuration Guardian

Version Installs Rating

Your project's comprehensive guardian for security, standards, and streamlined onboarding.

DevGuard Pro transforms your development workflow with real-time configuration validation, automated drift detection, and intelligent remediationβ€”all with crystal-clear visual status indicators right in your VSCode sidebar.

🎯 Why DevGuard Pro?

Stop wondering if your setup is broken. DevGuard Pro provides immediate visual feedback about your project's health.

βœ… Always Know Your Status

  • Real-time validation panel in Explorer sidebar
  • Visual indicators for all configuration states
  • Instant feedback on what's working vs. what needs attention
  • No more guessing if the extension is installed or working

🔍 Comprehensive Monitoring

  • ESLint & MegaLinter configuration validation
  • VSCode extensions alignment checking
  • CI/CD pipeline status monitoring
  • Security vulnerability scanning and reporting
  • Configuration drift detection and remediation

🚀 Enterprise-Ready

  • GitHub integration for team workflows
  • Analytics dashboard with trend analysis
  • Automated remediation for common issues
  • Compliance reporting and export capabilities

📸 Screenshots

Main Validation Panel

DevGuard Pro Panel Real-time configuration status with expandable issue details

Welcome & Onboarding

Welcome Screen Comprehensive onboarding with clear next steps

Dashboard Analytics

Analytics Dashboard Detailed metrics and trend analysis

🚀 Quick Start

1. Install & Immediate Feedback

code --install-extension HabitusNet.devguard-pro

βœ… You'll immediately see: DevGuard Pro panel in Explorer sidebar

2. Visual Status Check

  • Open any workspace
  • Check the DevGuard Pro panel in Explorer
  • See real-time status of your configurations
  • Click items to get detailed information

3. Take Action

  • Use Quick Actions in the panel for common tasks
  • Click refresh to update status
  • Use Fix buttons for automated remediation

📋 Features Overview

🔍 Real-Time Validation

Feature Status Indicator Description
ESLint Config βœ…βŒ JavaScript/TypeScript linting setup
MegaLinter βœ…β³βŒ Advanced multi-language linting
Extensions βœ…βŒ VSCode extension alignment
CI/CD Pipeline βœ…β³βŒβ“ GitHub Actions status
Security Scan 🔴🟠🟡βœ… Vulnerability detection

⚑ Quick Actions

  • 🔄 Refresh Status - Update all validation data
  • 🔍 Check Drift - Scan for configuration changes
  • 🚀 Run MegaLinter - Execute comprehensive analysis
  • 📊 Open Dashboard - View detailed analytics
  • 🔧 Auto-Fix Issues - Automated remediation

🎛️ Configuration States

βœ… Healthy State

🛡️ DevGuard Pro
β”œβ”€β”€ βœ… Configuration Status (95%)
β”‚   β”œβ”€β”€ βœ… ESLint Configuration
β”‚   β”œβ”€β”€ βœ… MegaLinter Setup (85% coverage)
β”‚   β”œβ”€β”€ βœ… VSCode Extensions Aligned  
β”‚   └── βœ… CI/CD Pipeline (success)
β”œβ”€β”€ βœ… Drift Detection (No drift detected)
└── βœ… Security Scanning (No vulnerabilities)

⚠️ Warning State

🛡️ DevGuard Pro  
β”œβ”€β”€ ⚠️ Configuration Status (70%)
β”‚   β”œβ”€β”€ βœ… ESLint Configuration
β”‚   β”œβ”€β”€ ⏳ MegaLinter Setup (pending)
β”‚   β”œβ”€β”€ ❌ VSCode Extensions (2 missing)
β”‚   └── ⏳ CI/CD Pipeline (pending)
β”œβ”€β”€ ⚠️ Drift Detection (3 issues found)
β”‚   β”œβ”€β”€ 📄 Config Issues (1)
β”‚   └── 🔌 Extension Issues (2)
└── 🟡 Security Scanning (5 medium issues)

❌ Critical State

🛡️ DevGuard Pro
β”œβ”€β”€ ❌ Configuration Status (30%)
β”‚   β”œβ”€β”€ ❌ ESLint Configuration (Missing)
β”‚   β”œβ”€β”€ ❌ No Linter Configuration
β”‚   β”œβ”€β”€ ❌ VSCode Extensions (5 issues)
β”‚   └── ❌ CI/CD Pipeline (failure)
β”œβ”€β”€ 🔴 Drift Detection (8 issues found)
└── 🔴 Security Scanning (3 critical issues)

🛠️ Installation & Setup

Method 1: VSCode Marketplace ⭐ Recommended

  1. Open VSCode
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "DevGuard Pro"
  4. Click Install
  5. βœ… Immediate feedback: Check Explorer sidebar for DevGuard Pro panel

Method 2: Command Line

code --install-extension HabitusNet.devguard-pro

Method 3: VSIX File

code --install-extension devguard-pro-3.0.0.vsix

🔧 Post-Installation Setup

  1. Welcome notification appears automatically
  2. Click "View Validation Panel" to see current status
  3. Use "Get Started" for guided setup if not opted in
  4. Configure GitHub integration for CI/CD features

📖 User Guide

Understanding the Validation Panel

Configuration Status Section

  • Trust Level Percentage: Overall health score
  • Individual Components: Detailed status of each tool
  • Performance Metrics: Coverage and efficiency scores
  • Last Updated: Timestamp of latest validation

Drift Detection Section

  • Config Issues: Configuration file problems
  • Extension Issues: Missing or misaligned extensions
  • MegaLinter Issues: Linter-specific problems
  • Performance Issues: Optimization opportunities

Security Scanning Section

  • Critical Issues 🔴: Immediate security risks
  • High Issues 🟠: Important security concerns
  • Medium Issues 🟡: Security improvements needed
  • Low Issues 🟢: Minor security suggestions

Quick Actions Section

  • Refresh Status: Manual validation update
  • Check Drift: Comprehensive drift analysis
  • Run MegaLinter: Execute full linting suite
  • Open Dashboard: Detailed analytics view

Common Workflows

🆕 New Project Setup

  1. Open project in VSCode
  2. DevGuard Pro panel shows current state
  3. Address any ❌ issues shown
  4. Use Quick Actions for automated fixes
  5. Monitor status until all items are βœ…

🔄 Daily Development

  1. Check panel for any drift alerts
  2. Use Refresh Status if needed
  3. Address new issues as they appear
  4. Review security scan results regularly

🚨 Issue Resolution

  1. Click on ❌ items for details
  2. Use automated Fix buttons when available
  3. Follow manual remediation guidance
  4. Refresh to confirm fixes applied

🛠️ Troubleshooting & Repair

Extension Not Visible

Problem: Can't see DevGuard Pro panel in sidebar

Solutions:

  1. Check Explorer: Panel appears in Explorer tab, not a separate view
  2. Restart VSCode: Ctrl+Shift+P β†’ "Developer: Reload Window"
  3. Re-enable Extension: Extensions view β†’ DevGuard Pro β†’ Enable
  4. Check Workspace: Panel only shows when workspace is open

No Status Updates

Problem: Panel shows "Loading..." or outdated information

Solutions:

  1. Manual Refresh: Click refresh button in panel
  2. Command Palette: Ctrl+Shift+P β†’ "DevGuard Pro: Refresh Validation"
  3. Check Permissions: Ensure file system access allowed
  4. Restart Extension: Disable/Enable in Extensions view

Configuration Issues

Problem: ❌ status for tools that are installed

Solutions:

  1. Check File Locations: Ensure config files are in project root
  2. Validate Syntax: Check config file syntax is correct
  3. Update Dependencies: npm install or yarn install
  4. Reset Configuration: Use "Check Drift" β†’ "Fix All"

Performance Issues

Problem: Extension running slowly or consuming resources

Solutions:

  1. Adjust Refresh Rate: Increase validation interval in settings
  2. Disable Unused Features: Turn off unneeded scanning
  3. Check File Exclusions: Exclude large directories from scanning
  4. Update Extension: Ensure latest version installed

βš™οΈ Configuration

Extension Settings

Access via: File β†’ Preferences β†’ Settings β†’ Search "DevGuard Pro"

Setting Default Description
devguardPro.optedIn false Enable organization standards
devguardPro.refreshInterval 60000 Validation refresh interval (ms)
devguardPro.showWelcome true Show welcome notification
devguardPro.autoFix false Enable automatic issue resolution
devguardPro.githubIntegration true Enable GitHub CI/CD features

Workspace Configuration

Create .vscode/settings.json:

{
  "devguardPro.validation.enabled": true,
  "devguardPro.drift.checkInterval": 300000,
  "devguardPro.security.scanOnSave": true,
  "devguardPro.dashboard.autoOpen": false
}

🔌 Commands

All commands available via Command Palette (Ctrl+Shift+P):

Command Description Shortcut
DevGuard Pro: Show Dashboard Open analytics dashboard -
DevGuard Pro: Refresh Validation Update all status indicators Ctrl+Alt+R
DevGuard Pro: Check Drift Scan for configuration drift -
DevGuard Pro: Run MegaLinter Execute MegaLinter analysis -
DevGuard Pro: Opt-in to Standards Enable organization standards -
DevGuard Pro: Sync Extensions Align VSCode extensions -
DevGuard Pro: Export Dashboard Export analytics data -

🚀 Advanced Features

GitHub Integration

  • Automatic CI/CD Status: Real-time pipeline monitoring
  • Repository Detection: Auto-configuration from git remotes
  • Workflow Management: Setup and monitor GitHub Actions
  • Team Collaboration: Shared standards and configurations

Analytics Dashboard

  • Trend Analysis: Historical performance tracking
  • Heat Maps: Issue distribution visualization
  • Performance Metrics: Execution time and efficiency
  • Export Capabilities: JSON, CSV, HTML, PDF formats

Enterprise Features

  • Organization Standards: Centralized configuration management
  • Compliance Reporting: Automated compliance tracking
  • Team Analytics: Multi-developer insights
  • Custom Integrations: API access for enterprise tools

📊 Metrics & Analytics

Key Performance Indicators

  • Trust Level: Overall configuration health percentage
  • Issue Count: Number of active configuration problems
  • Drift Score: Measure of configuration deviation
  • Security Rating: Vulnerability risk assessment
  • Performance Score: Tool execution efficiency

Tracking Features

  • Daily Metrics: Day-over-day performance tracking
  • Trend Analysis: Long-term health trending
  • Issue Resolution Time: Time to fix tracked issues
  • Team Benchmarking: Compare against organization standards

🤝 Contributing

We welcome contributions! See CONTRIBUTING.md for guidelines.

Development Setup

  1. Clone repository: git clone https://github.com/habitusnet/devguard-pro.git
  2. Install dependencies: npm install
  3. Open in VSCode: code .
  4. Press F5 to launch Extension Development Host
  5. Make changes and test with Ctrl+Shift+P β†’ "Developer: Reload Window"

Reporting Issues

  • Bug Reports: Use GitHub Issues with "bug" label
  • Feature Requests: Use GitHub Issues with "enhancement" label
  • Security Issues: Email security@habitusnet.com

📄 License

MIT License - see LICENSE file for details.

🔗 Links

  • Marketplace: Visual Studio Code Marketplace
  • GitHub: Source Code Repository
  • Documentation: User Guide & API Docs
  • Installation Guide: Step-by-step Setup & Troubleshooting
  • Changelog: Version History & Migration Guides
  • Support: Issues & Support
  • HabitusNet: Company Website

Made with ❀️ by HabitusNet

Transform your development workflow. Install DevGuard Pro today.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
Β© 2025 Microsoft