Code Screenshot (vkrsi)
A VS Code extension to open the selected code in Code Screenshot — perfect for instantly creating and sharing beautiful code snippets.
📸 Just select your code → press Ctrl + Shift + P → run Code Screenshot: Show , or use the shortcut Alt + Cmd + V to open it directly.
✨ Features
- 📚 Supports 50+ programming languages
- 🪟 Choose from multiple window frame styles
- 🎨 Pick from 100+ editor themes
- 🌈 Apply stylish background colors
- 🔤 Customize font styles and sizes
- 💾 Zero-copy export and share links
⚙️ Configuration Options
You can customize how your screenshots look directly from VS Code settings.
Available settings:
Setting |
Default |
Description |
code-screenshot.padding |
60 |
Padding (in pixels) around your code block |
code-screenshot.fontSize |
18 |
Font size (in pixels) used in rendering |
To set them:
- Open Command Palette (
Ctrl+Shift+P )
- Type:
Preferences: Open Settings (UI)
- Search:
code-screenshot
- Customize Padding, Font Size, etc. as per your needs
Or edit your settings.json directly:
{
"code-screenshot.padding": 60,
"code-screenshot.fontSize": 14
}
🛠️ Usage
- Highlight the code you want to screenshot.
- Run the command: Code Screenshot
🛠️ Additional Usage
Or use the keyboard shortcut: Alt + Cmd + V
Your browser opens cs.vkrsi.com with the selected code ready to style, customize, and share.
🐞 Issues or Feedback?
Please report bugs or feature requests via the GitHub Issue Tracker.
| |