🔤 Unicode Shower
A powerful VSCode extension for viewing Unicode characters from their code points
English | 中文
✨ Features
- 🎯 Hover to View: Simply hover over a Unicode code to see the character
- ⌨️ Keyboard Shortcut: Quick access with
⌘ Cmd + ⌥ Option + U (macOS) or Ctrl+Alt+U (Windows/Linux)
- 🖱️ Right-Click Menu: Show Unicode character from context menu
- 🔄 Multiple Formats: Supports 6+ common Unicode notation formats
- 🌈 Universal Support: Works with emojis, CJK characters, symbols, and more
| Format |
Example |
Result |
Description |
U+XXXX |
U+1F600 |
😀 |
Standard Unicode notation |
\uXXXX |
\u4E2D |
中 |
JavaScript/JSON style (4 digits) |
\UXXXXXXXX |
\U0001F600 |
😀 |
Python style (8 digits) |
\xXX |
\x41 |
A |
Hex escape (2 digits) |
&#XXX; |
😀 |
😀 |
HTML decimal entity |
&#xXXXX; |
😀 |
😀 |
HTML hex entity |
| Pure Hex |
1F600 |
😀 |
Raw hexadecimal (4+ digits) |
🚀 Quick Start
Installation
- Open VSCode
- Go to Extensions (
Cmd+Shift+X or Ctrl+Shift+X)
- Search for "Unicode Shower"
- Click Install
Usage
Method 1: Hover (Recommended)
- Select or hover over a Unicode code (e.g.,
U+1F600)
- A tooltip will automatically show the character: 😀
Method 2: Keyboard Shortcut
- Select a Unicode code
- Press:
- macOS:
⌘ Cmd + ⌥ Option + U
- Windows/Linux:
Ctrl + Alt + U
Method 3: Context Menu
- Select a Unicode code
- Right-click → "Show Unicode Character"
📝 Examples
Try these in any supported file type (Python, JavaScript, TypeScript, Markdown, Plain Text):
U+1F600 → 😀 (Grinning Face emoji)
U+4E2D → 中 (Chinese character)
\u2764 → ❤ (Red heart)
😀 → 😀 (HTML decimal)
👍 → 👍 (Thumbs up)
1F680 → 🚀 (Rocket)
🎨 Supported Languages
The extension works with the following file types:
- Python (
.py)
- JavaScript (
.js)
- TypeScript (
.ts)
- Markdown (
.md)
- Plain Text (
.txt)
⚙️ Configuration
Currently, the extension works out of the box with no configuration needed.
Future versions may include customizable options.
🛠️ Development
Build from Source
# Clone the repository
git clone https://github.com/irisWirisW/unicode-show.git
cd unicode-show
# Install dependencies
npm install
# Compile
npm run compile
# Run in development mode
# Press F5 in VSCode to open Extension Development Host
Testing
See HOW_TO_TEST.md for detailed testing instructions.
📖 Documentation
🗺️ Roadmap
- [x] Hover tooltip display
- [x] Support multiple Unicode formats
- [x] Keyboard shortcuts
- [x] Context menu integration
- [ ] Status bar display
- [ ] Custom format configuration
- [ ] Batch conversion
🤝 Contributing
Contributions are welcome! Feel free to:
- Report bugs
- Suggest new features
- Submit pull requests
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
Inspired by the need to quickly view Unicode characters while coding.
Made with ❤️ by 1ris_W
If you find this extension helpful, please give it a ⭐ on GitHub!
