DEV Community

Cover image for 5 Useful VSCode Extensions for Live Coding

5 Useful VSCode Extensions for Live Coding

💾 bun9000 on October 17, 2019

Live-streaming a development process introduces some unique challenges. Aside from the obvious challenge of edutaining a large group of people (for...
Collapse
 
juancarlospaco profile image
Juan Carlos
Collapse
 
ninjabunny9000 profile image
💾 bun9000

These are peak! Giving indent highlighter and trailing white space a test run tonight on stream. Thx for the suggestions!

Collapse
 
ninjabunny9000 profile image
💾 bun9000

I've updated the article to add a few of your suggestions as honorable mentions. Thanks! :D

Collapse
 
thefern profile image
Fernando B 🚀

Awesome tips! I got mad respect for live coders!

Collapse
 
richie5um profile image
Rich Somerfield

(Self promotion..)

Snake Trail: marketplace.visualstudio.com/items...

Collapse
 
ninjabunny9000 profile image
💾 bun9000

WHOA!! This is awesome! I might try this out during a stream. Ty for the suggestion and contribution to the extension community! <3

Collapse
 
richie5um profile image
Rich Somerfield

Thanks. :)

Collapse
 
ninjabunny9000 profile image
💾 bun9000

I've updated the article to add your extension as an honorable mentions. Thanks! :D

Collapse
 
evanboissonnot profile image
Evan BOISSONNOT

Hi

Thanks a lot for this great article.
A update about Live Share : this is yet buggy extension. I use it a lot for my training courses, and my students and me have seen some hard buggy (for example : showing good directory list, ...)

Collapse
 
ninjabunny9000 profile image
💾 bun9000

Oh no! Still buggy? That's a bummer. I know it used to be REALLY bad.. and it's definitely gotten better. I haven't run into any issues myself recently, but if it's not good enough for training/courses, that's a big red flag. Hopefully they take of these issues soon! It otherwise has so much potential!

Collapse
 
laxedo17 profile image
laxcivo

Preview on Web Browser -perfect for html, css development-

Bookmarks

Night Owl

Vscode pdf

Collapse
 
ninjabunny9000 profile image
💾 bun9000

😍 Bookmarks!! Such great extensions!

Collapse
 
leodevbro profile image
Levan Katsadze

Maybe you will also like the VSCode extension "Blockman". It highlights nested code blocks based on curly/square/round brackets, html/xml tags and Python/Yaml indentation. (I am the author of Blockman).
.
i.ibb.co/31F0rm9/vscode-blockman-i...
.
.

Collapse
 
jchicano profile image
Jesús David Chicano

Nice post. Thank you!

Collapse
 
mustapha profile image
Mustapha Aouas

Thanks for sharing, I love the Comment Anchors and the TODO+ :)