- 1. Development Background
- 2. How to Develop a VSCode Extension
- 1. Creating the Extension Template
- 2. Checking the Default Implementation
- 3. Debugging
- 4. Packaging
- 3. Implementing the Image Resize/Save Feature
- 1. Feature Overview
- 2. Image Helper Class Setup
- 3. Hooking into VSCode Events
- 1. Drag & Drop Detection
- 2. Getting Tool Settings
- 3. Getting Image Info & Showing the Width Input Prompt
- 4. Image Resize & Save Processing
- 4. In Closing
- Home
- 20251122_01_vscode_image_resizer
[VSCode] Building an Extension That Resizes and Saves Image Files via Drag & Drop
Tool DevJavaScriptVSCodeVSCode ExtensionTypeScript
2025-11-22

Tool DevJavaScriptVSCodeVSCode ExtensionTypeScript
2025-11-22
Share this post
Follow the author
Your follow really keeps me going!
Your follow really keeps me going!
Related Posts

[Next.js] Localizing My Blog: A Summary of the Work [Elekibear Spark]
2026-08-23

[Node.js] Migrating Amazon Associates Link Retrieval from PA-API to the Creators API
2026-07-20

[Astro × Three.js] Building an Engineer Portfolio Site [Plasmo Portal]
2026-06-08

[PySide6] Building a General-Purpose Launcher Tool for Registering and Running Scripts [Command Launcher]
2026-06-07

[Three.js] Implementing a Toon + Backface Outline Shader with a Custom Shader
2026-02-15

[Three.js] Three.js Basics - From Scene Setup to Model Loading and Post-Processing
2026-02-15

[Astro] How to Use Astro and a Sample Combining Multiple UI Frameworks (React, Vue, Svelte)
2026-02-01

[Unity] Efficiently Producing Slideshows with Timeline × Excel
2024-10-31



