UniDevBox - VS Code Extension
✨ Features
Transform your code without leaving VS Code! UniDevBox brings powerful formatting and encoding tools directly into your editor.
- 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
- Open VS Code
- Press
Ctrl+Shift+X (or Cmd+Shift+X on Mac)
- Search for "UniDevBox"
- Click Install
Usage
- Select the text you want to format/encode
- Open Command Palette (
Ctrl+Shift+P or Cmd+Shift+P)
- Type "UniDevBox" to see all commands
- 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
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
- Press
F5 to open Extension Development Host
- Test commands in the new VS Code window
- 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.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature)
- Commit your changes (
git commit -m 'Add some AmazingFeature')
- Push to the branch (
git push origin feature/AmazingFeature)
- 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
💬 Support
Made with ❤️ by the UniDevBox Team
⭐ Star us on GitHub if you find this useful!