Developer Tools

A collection of useful development utilities for Visual Studio Code.

Features

UUID/GUID Generation

Insert UUIDs or GUIDs at your cursor position with a single command. Perfect for generating unique identifiers in your code, configuration files, or documentation.

Available Commands:

• Insert UUID - Generates a lowercase UUID with hyphens (e.g., 550e8400-e29b-41d4-a716-446655440000)
• Insert GUID (Uppercase) - Generates an uppercase GUID with hyphens (e.g., 550E8400-E29B-41D4-A716-446655440000)
• Insert UUID (Compact) - Generates a lowercase UUID without hyphens (e.g., 550e8400e29b41d4a716446655440000)
• Insert GUID (Compact, Uppercase) - Generates an uppercase GUID without hyphens (e.g., 550E8400E29B41D4A716446655440000)

Multiple Cursor Support:

All UUID/GUID commands support multiple cursors - each cursor will receive a unique UUID/GUID, making it easy to generate multiple identifiers at once.

Selection Replacement:

When you select text spanning multiple lines and run a UUID/GUID command, it will replace the selection with one UUID/GUID per line.

Password Generator

Generate secure, customizable passwords directly in VS Code.

Command: Developer Tools: Generate Password

Features:

• Configurable length (5-128 characters)
• Character set options:
  • Uppercase letters (A-Z)
  • Lowercase letters (a-z)
  • Numbers (0-9)
  • Special characters (!@#$%^&*)
• Minimum requirements for numbers and special characters
• Avoid ambiguous characters option (excludes 0, O, I, l, 1, etc.)
• Copy to clipboard or Insert directly into your document
• Auto-regenerate when options change

Usage:

1. Open the Command Palette (Ctrl+Shift+P on Windows/Linux, Cmd+Shift+P on macOS)
2. Type "Developer Tools: Generate Password"
3. Configure your password requirements in the panel
4. Click "Copy & Close" or "Insert to Document"

Code Notes

Add persistent notes to specific lines in your code files. Notes are stored per-workspace and automatically track line changes as you edit your code.

Features:

• Line-attached notes - Add notes to any line in your code files (.ts, .js, .tsx, .jsx, .cs, etc.)
• Categories - Organize notes as Note, TODO, FIXME, or Question with color-coded icons
• Auto-show/hide panel - Side panel automatically appears when cursor is on a line with notes
• Line tracking - Notes automatically move when you insert or delete lines above them
• Orphaned note detection - Notes are marked as "orphaned" when their original line content changes
• File rename tracking - Notes follow files when renamed or moved within the workspace
• Bottom panel table - View all notes across your project in a searchable, filterable table
• Search & filter - Filter notes by category, status, or search text
• Grouping - Group notes by file, category, or status
• Bulk operations - Delete all orphaned notes or clear all notes at once
• Import/Export - Export notes to JSON and import them back
• Gutter decorations - Visual indicators in the editor gutter showing which lines have notes

Available Commands:

Usage:

1. Place your cursor on the line where you want to add a note
2. Press Ctrl+Alt+N or run "Developer Tools: Add Note" from the Command Palette
3. Enter your note text and select a category
4. Click "Add Note" to save

Viewing Notes:

• Side Panel: Automatically shows when your cursor is on a line with notes
• Bottom Panel: Click the "Notes" tab in the panel area (alongside Terminal, Problems, etc.) to see all notes
• Gutter Icons: Look for colored icons in the editor gutter indicating lines with notes

Storage:

Notes are stored in VS Code's workspace state. If storage reaches 95% capacity, you'll be prompted to migrate to file-based storage (.vscode/notes.json), which supports larger datasets and can be version-controlled.

Usage

1. Place your cursor where you want to insert a UUID/GUID or password
2. Open the Command Palette (Ctrl+Shift+P on Windows/Linux, Cmd+Shift+P on macOS)
3. Type "Developer Tools" to see all available commands
4. Select the desired command

Custom Keyboard Shortcuts

This extension includes default keyboard shortcuts for notes functionality. You can configure additional keybindings that don't conflict with your existing setup.

How to Add Keyboard Shortcuts

Method 1: Using the Keyboard Shortcuts UI

1. Open Keyboard Shortcuts: Ctrl+K Ctrl+S (Windows/Linux) or Cmd+K Cmd+S (macOS)
2. Search for "Developer Tools"
3. Click the + icon next to the command you want to bind
4. Press your desired key combination
5. Press Enter to confirm

Method 2: Using keybindings.json

1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
2. Type "Preferences: Open Keyboard Shortcuts (JSON)"
3. Add your keybindings to the array:

[
  {
    "key": "ctrl+shift+u",
    "command": "developer-tools.insertUuid"
  },
  {
    "key": "ctrl+shift+alt+u",
    "command": "developer-tools.insertUuidCompact"
  },
  {
    "key": "ctrl+shift+g",
    "command": "developer-tools.insertGuid"
  },
  {
    "key": "ctrl+shift+alt+g",
    "command": "developer-tools.insertGuidCompact"
  },
  {
    "key": "ctrl+alt+p",
    "command": "developer-tools.generatePassword"
  }
]

Available Command IDs

Requirements

No external dependencies required. This extension uses Node.js built-in crypto module for UUID and password generation.

Extension Settings

This extension contributes the following settings:

• developer-tools.notes.autoShowPanel: Automatically show notes panel when cursor is on a line with notes (default: true)

Release Notes

0.0.2

• Added Code Notes feature:
  • Add persistent notes to specific lines in code files
  • Categories: Note, TODO, FIXME, Question
  • Automatic line tracking when code is edited
  • File rename/delete tracking
  • Orphaned note detection and re-anchoring
  • Bottom panel with searchable notes table
  • Import/Export functionality
  • Gutter decorations for lines with notes

0.0.1

Initial release:

• UUID/GUID generation (standard and compact formats)
• Multiple cursor and selection support
• Password generator with customizable options

Enjoy!