Smart Code Screenshot

Take beautiful code screenshots directly from VS Code with syntax highlighting and customization options.

Features

• Code Selection + Capture: Select code in your editor and capture it with current theme and syntax highlighting
• Export Options:
  • PNG (for social media)
  • PDF (for documentation)
  • Clipboard copy (direct paste anywhere)
• Customization UI:
  • Background color options (solid, gradient, blur)
  • Font size adjustment
  • Theme override (Light/Dark mode switch)
  • Optional watermark/logo
• Social Media Ready:
  • Twitter/LinkedIn style frames
  • Automatic padding, shadow, rounded corners
  • Live previews

Installation

1. Clone this repository
2. Run npm install to install dependencies
3. Open in VS Code
4. Press F5 to launch extension development host
5. Test the extension in the new window

Usage

1. Select some code in your editor
2. Use Command Palette: "Smart Screenshot: Open Tool" or "Smart Screenshot: Capture Selection"
3. Choose your export format
4. Customize appearance if needed
5. Export your beautiful code screenshot!

Commands

• smartScreenshot.openPanel: Opens the customization panel
• smartScreenshot.takeScreenshot: Takes a quick screenshot of selected code

Dependencies

• html-to-image: For PNG export
• pdfkit: For PDF generation
• clipboardy: For clipboard operations

Contributing

Feel free to submit issues and enhancement requests!

License

MIT License