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 { ...

…

JavaScript Best Practices

Kafeel Ahmad (kaf shekh) - Dec 18

🚀 Why TypeScript is Better Than Vanilla JavaScript: A Technical Deep Dive 🛠️

Hamza Khan - Dec 18

My React Journey: Day 11

Ayoola Damilare - Dec 4

A Beginner’s Guide to Building Dynamic User Interfaces with React

Ameni Ben Saada - Dec 17

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