DevUtils
A comprehensive collection of essential developer utilities built into VS Code. Access powerful tools directly from your editor to streamline your development workflow.
🚀 Getting Started
- Install the Extension: Install DevUtils from the VS Code Marketplace
- Access Tools: Click on the DevUtils icon in the activity bar (left sidebar)
- Open Any Tool: Click on any tool from the Tools panel to open it in a new tab
📅 Date Time Converter
Convert between Unix timestamps and human-readable dates
- Current Time Display: Shows current Unix timestamp in seconds and milliseconds (updates every second)
- Unix to Date: Convert Unix timestamps to readable date formats
- Date to Unix: Convert date/time selections to Unix timestamps
- Copy Functionality: One-click copy for all converted values
Use Cases: API development, logging, debugging timestamp issues, data analysis
🌐 REST Client
Full-featured HTTP client for testing APIs directly in VS Code
- HTTP Methods: GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS
- Request Configuration:
- Headers management
- Query parameters
- Request body (JSON, Form Data, URL-encoded, Raw)
- Authorization (Bearer tokens)
- cURL Import: Import existing cURL commands
- Code Snippets: Generate code examples in various languages
- Response Handling: View status codes, headers, and response body
Use Cases: API testing, debugging web services, development workflow integration
🔐 Base64 Encoder
Convert text to Base64 encoding
- Text Input: Enter any text to encode
- Real-time Encoding: See encoded output as you type
- Copy Functionality: One-click copy of encoded result
- Clean Interface: Simple, focused encoding tool
Use Cases: API authentication, data encoding, configuration files, binary data handling
🔓 Base64 Decoder
Convert Base64 encoded text back to readable format
- Base64 Input: Paste or type Base64 encoded text
- Real-time Decoding: See decoded output instantly
- Copy Functionality: One-click copy of decoded result
- Error Handling: Validates Base64 format
Use Cases: Decoding API responses, reading encoded data, debugging encoded content
🖼️ Image to Base64
Convert image files to Base64 data URLs
- File Upload: Drag and drop or select image files
- Multiple Formats: Supports JPG, PNG, GIF, SVG, and more
- Base64 Output: Generate data URLs for web use
- Copy Functionality: Easy copying of generated Base64 strings
Use Cases: Web development, embedding images in CSS/HTML, API development, email templates
⏰ Cron Expression Parser & Generator
Parse and generate cron expressions for scheduling
- Expression Parsing: Input cron expressions to see next execution times
- Expression Generation: Build cron expressions using visual controls
- Next Executions: See upcoming execution times
- Human Readable: Convert cron syntax to plain English
Use Cases: Task scheduling, cron job management, system administration, automation scripts
🎫 JWT Encode/Decode
Create and decode JSON Web Tokens
- JWT Encoding:
- Payload input (JSON format)
- Optional header configuration
- Secret key management
- Multiple algorithms (HS256, HS384, HS512, none)
- JWT Decoding:
- Token input and validation
- Header and payload display
- Signature verification
- JSON Validation: Built-in JSON syntax checking
Use Cases: API authentication, token debugging, development testing, security analysis
Convert colors between different formats
- Input Formats: HEX, RGB, HSL, CMYK
- Output Formats: Multiple format conversions
- Color Picker: Visual color selection
- Copy Functionality: Easy copying of converted values
Use Cases: Web design, CSS development, color scheme creation, design system management
🔑 String & Password Generator
Generate secure strings and passwords
- Password Generation: Create strong, random passwords
- Customizable Options: Length, character types, special characters
- String Generation: Generate random strings for testing
- Copy Functionality: One-click copy of generated content
Use Cases: Account creation, testing, development, security requirements
📦 Box Shadow Generator
Create CSS box-shadow effects visually
- Visual Controls: Adjust shadow properties with sliders
- Real-time Preview: See shadow effects as you adjust
- CSS Output: Generate ready-to-use CSS code
- Multiple Shadows: Combine multiple shadow effects
Use Cases: Web design, UI development, CSS styling, design prototyping
🆔 UUID Generator
Generate unique identifiers
- UUID Versions: Generate different UUID formats
- Bulk Generation: Create multiple UUIDs at once
- Copy Functionality: Easy copying of generated UUIDs
- Format Options: Various UUID format outputs
Use Cases: Database design, API development, unique identifier generation, testing
Generate and customize QR codes
- Content Input: Text, URLs, contact information, WiFi credentials
- Templates: Pre-built formats for common use cases
- Customization: Size, colors, error correction levels
- Export Options: Download generated QR codes
- Clipboard Integration: Paste content directly from clipboard
Use Cases: Marketing materials, contact sharing, WiFi setup, business cards, event promotion
🔧 How to Use
- Click the DevUtils icon in the VS Code activity bar
- Select any tool from the Tools panel
- The tool opens in a new tab with full functionality
Keyboard Shortcuts
- Use
Ctrl/Cmd + C to copy selected text
- Use
Ctrl/Cmd + V to paste content
- Use
Tab to navigate between form fields
🆘 Troubleshooting
- Tool Not Opening: Try restarting VS Code
- Copy Not Working: Check if your system clipboard is accessible
- Format Errors: Verify input format (especially for JSON tools)
- Performance Issues: Close unused tool tabs to free up resources
📝 Examples
REST Client Example
Method: POST
URL: https://api.example.com/users
Headers: Content-Type: application/json
Body: {"name": "John Doe", "email": "john@example.com"}
JWT Example
Payload: {"sub": "1234567890", "name": "John Doe", "iat": 1516239022}
Secret: your-secret-key
Algorithm: HS256
Cron Expression Example
Expression: 0 9 * * 1-5
Meaning: Every weekday at 9:00 AM
