Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Quick WrapperNew to Visual Studio Code? Get it now.
Quick Wrapper

Quick Wrapper

Rohit Mahar

|
13 installs
| (3) | Free
Quickly wraps selected code with a user-defined tag.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Quick Wrapper for VS Code

A simple, lightweight extension that provides a quick keyboard shortcut to wrap any selected block of code using VS Code's powerful built-in Emmet "Wrap with Abbreviation" command.

Features

  • Fast Wrapping: Select any code and use a simple shortcut to wrap it.
  • Leverages Emmet: Uses the familiar and powerful Emmet abbreviation engine that's already built into VS Code. You can wrap with div, div.container, section#main, or any other valid Emmet abbreviation.
  • Customizable Shortcut: Comes with a pre-configured keyboard shortcut, which you can easily change in your VS Code settings.

How to Use

  1. Select a block of code in the editor.
  2. Press the keyboard shortcut:
    • Windows / Linux: Ctrl+Alt+,
    • Mac: Ctrl+Shift+,
  3. An Emmet input box will appear at the top of the editor.
  4. Type your desired tag (e.g., div, span, p.my-class) and press Enter.
  5. Your code is now wrapped!

Requirements

There are no external requirements. This extension uses the built-in functionality of Visual Studio Code.

Release Notes

1.0.0

  • Initial release of Quick Wrapper.
  • Added command to execute "Emmet: Wrap with Abbreviation".
  • Configured default keyboard shortcuts.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft