Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>UniDevBox - Developer ToolsNew to Visual Studio Code? Get it now.
UniDevBox - Developer Tools

UniDevBox - Developer Tools

UniDevBox

|
4 installs
| (0) | Free
Essential developer tools for formatting, encoding, and transforming code directly in VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

UniDevBox - VS Code Extension

UniDevBox Logo

Essential developer tools for formatting, encoding, and transforming code directly in VS Code

Version Installs Rating License

Website • Report Bug • Request Feature


✨ Features

Transform your code without leaving VS Code! UniDevBox brings powerful formatting and encoding tools directly into your editor.

🎨 Code Formatters

  • JSON - Format or minify JSON with proper indentation
  • HTML - Beautify or compress HTML markup
  • CSS - Format or minify stylesheets
  • JavaScript - Beautify or compress JS code

🔐 Encoders & Decoders

  • Base64 - Encode/decode text to Base64
  • URL - Encode/decode URL strings

🚀 Quick Start

Installation

  1. Open VS Code
  2. Press Ctrl+Shift+X (or Cmd+Shift+X on Mac)
  3. Search for "UniDevBox"
  4. Click Install

Usage

  1. Select the text you want to format/encode
  2. Open Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
  3. Type "UniDevBox" to see all commands
  4. Choose your desired command

📋 Available Commands

Command Description Shortcut
UniDevBox: Format JSON Format JSON with 2-space indentation -
UniDevBox: Minify JSON Compress JSON to single line -
UniDevBox: Format HTML Beautify HTML code -
UniDevBox: Minify HTML Compress HTML markup -
UniDevBox: Format CSS Beautify CSS stylesheets -
UniDevBox: Minify CSS Compress CSS code -
UniDevBox: Format JavaScript Beautify JavaScript code -
UniDevBox: Minify JavaScript Compress JS code -
UniDevBox: Base64 Encode Encode text to Base64 -
UniDevBox: Base64 Decode Decode Base64 to text -
UniDevBox: URL Encode Encode text for URLs -
UniDevBox: URL Decode Decode URL-encoded text -

💡 Examples

Format JSON

Before:

{"name":"John","age":30,"city":"New York"}

After:

{
  "name": "John",
  "age": 30,
  "city": "New York"
}

Base64 Encode

Before:

Hello, World!

After:

SGVsbG8sIFdvcmxkIQ==

🛠️ Development

Prerequisites

  • Node.js 18+
  • VS Code 1.80+

Setup

# Clone the repository
git clone https://github.com/yourusername/unidevbox-vscode.git
cd unidevbox-vscode

# Install dependencies
npm install

# Compile TypeScript
npm run compile

# Watch for changes
npm run watch

Testing

  1. Press F5 to open Extension Development Host
  2. Test commands in the new VS Code window
  3. Check Debug Console for logs

Building

# Package extension
npm run package

# This creates: unidevbox-0.1.0.vsix

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📝 Changelog

[0.1.0] - 2025-12-12

Added

  • Initial release with 6 core developer tools
  • JSON Formatter (format/minify)
  • HTML Formatter (format/minify)
  • CSS Formatter (format/minify)
  • JavaScript Formatter (format/minify)
  • Base64 Encoder/Decoder
  • URL Encoder/Decoder

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


🔗 Links

  • Website: unidevbox.com
  • VS Code Marketplace: UniDevBox Extension
  • Report Issues: GitHub Issues
  • Request Features: GitHub Issues

💬 Support

  • 📧 Email: support@unidevbox.com
  • 🐛 Bug Reports: GitHub Issues
  • 💡 Feature Requests: GitHub Issues

Made with ❤️ by the UniDevBox Team

⭐ Star us on GitHub if you find this useful!

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