Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>WrapWrapNew to Visual Studio Code? Get it now.
WrapWrap

WrapWrap

Sukhankar Sunil Hanaminahal

|
16 installs
| (0) | Free
WarpWrap is a lightweight VS Code extension designed to enhance HTML editing by providing quick and efficient code wrapping features. It allows developers to wrap selected HTML elements with commonly used tags, improving workflow speed and formatting consistency.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

WarpWrap - VS Code Extension Description WarpWrap is a powerful VS Code extension that enhances HTML structuring efficiency. It allows users to wrap elements with custom tags, class names, and IDs while ensuring proper indentation and formatting. The extension also includes features like live preview, undo functionality, and smart wrapping for a seamless development experience.

Features Wrap with Custom Tags – Easily wrap selected code with HTML tags.

Smart Wrap – Auto-detect and apply intelligent wrapping.

Live Preview – View changes instantly before applying them.

Extract Inline Styles – Convert inline styles into separate CSS classes.

Undo Last Wrap – Revert the last applied change.

Configuration Support – Customize settings using a config file.

Installation Open VS Code.

Go to the Extensions Marketplace.

Search for "WarpWrap".

Click "Install" and activate the extension.

Usage Select the HTML code to wrap.

Use the command palette (Ctrl+Shift+P or Cmd+Shift+P on macOS).

Choose the desired WarpWrap command.

Configuration WarpWrap supports a configuration file (warpwrap.json) to customize wrapping behavior.

Contributing Contributions are welcome! Open an issue or submit a pull request for enhancements.

License This extension is licensed under the MIT License.

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