Region Plus

A VS Code extension designed specifically for JavaScript and Vue.js developers, providing enhanced region block management functionality.

Region Plus Screenshot

✨ Features

🎨 Visual Block Markers - Provides color highlighting for #region / #endregion blocks
📁 Code Folding - Supports region block folding for JavaScript and Vue files
🚀 Quick Navigation - Jump to specific blocks quickly through the sidebar tree view
⚠️ Syntax Validation - Automatically detects unmatched region blocks and provides warnings
🎛️ Custom Styling - Adjustable block marker and background colors
🖱️ Smart Highlighting - Automatically highlights the entire block range when the cursor is within a block

Find the "region-block" panel in the sidebar "Explorer"
Click on any block name to quickly jump to the corresponding location
Or use the command palette (Ctrl+Shift+P) to execute the "jump to region by line number" command

Adjust the following options in VS Code settings:

region-plus.firstLineColor: Set the background color for the region start line (default: rgba(43, 106, 75, 0.3))
region-plus.blockColor: Set the background color when the cursor is within a block (default: rgba(43, 106, 75, 0.1))