Surround

A simple yet powerful extension to add wrapper snippets around your code blocks

Features

Supports language identifiers 🚀New!
Supports multi selections
Fully customizable
Custom wrapper snippets
You can assign shortcuts for each wrapper snippets separately
Nicely formatted
Sorts recently used snippets on top 🚀New!

Demo 1: Choosing a wrapper snippet from quick pick menu

Demo 2: Wrapping multi selections

How To Use

After selecting the code block, you can

right click on selected code
OR press (ctrl+shift+T) or (cmd+shift+T)

to get list of commands and pick one of them.

Hint

Each wrapper has a separate command so you can define keybindings for your favorite wrappers by searching surround.with.commandName in the 'Keyboard Shortcuts' section.

List of commands

Command	Snippet
`surround.with` (ctrl+shift+T)	List of all the enabled commands below
`surround.with.if`	if ($condition) { ... }
`surround.with.ifElse`	if ($condition) { ... } else { $else }
`surround.with.tryCatch`	try { ...

…

Intro Into Bulma CSS: How Good Is It?

Jeremy Hernandez - Nov 17

Accessibility (a11y) Rules - 3

Rahul Raveendran - Nov 16

H2 и весёлые тесты в Spring

Olga Lugacheva - Nov 16

Simplify Your Django Admin with django-unfold

Eshat Jubayer - Nov 16

Top comments (2)

Mehmet Yatkı • Apr 21 '21

Hey Vicky, thanks for sharing your list. You may wanna try this little extension of mine too :) I've just released a new version.

yatki / vscode-surround

🔥A simple yet powerful extension to add wrapper templates around your code blocks

Command	Snippet
`surround.with` (ctrl+shift+T)	List of all the enabled commands below
`surround.with.if`	if ($condition) { ... }
`surround.with.ifElse`	if ($condition) { ... } else { $else }
`surround.with.tryCatch`	try { ...

View on GitHub

Cheers, 🚀🖖

Vicky Vasilopoulou • Apr 22 '21

Nice one Mehmet thank you!! will do, looks really useful!

DEV Community

7 extensions of Visual Studio that you will love