10 Great VSCode Tips for Web Developers

There are lots of great extensions and keyboard shortcuts in VSCode. This is a collection of ones that I use on a regular basis.
Please share your favourites in the comments for other people.

[qzbnyv]

When looking for the settings for an extension, without going to the GItHub repo, you can just click the “Feature Contributions” link at the top of that extension’s info page. It’ll show all of the different new settings that you can configure in the settings.json (assuming you don’t want to do it through the User Settings menu system instead, of course). You were hovering close to the Feature Contributions link and I thought that’s what you were going to show us :)

[andrewgarfinkel]

Your videos are so helpful and straight to the point.

Zero unnecessary, off topic rambling, which unfortunately many other coding videos do include which make them hard to sit through.

Great channel

[cryptoknight]

Thanks Steve for another great tutorial! Quick thing: Zoom in: Ctrl and +, Zoom out: Ctrl and -, Back to default: Ctrl and 0 (Zero).

[websurferwizard]

Thank you steve! You told me about this program in another comment. I will watch this soon. Appreciate your help.

[zerefdev]

Auto rename tag is now integrated in vscode. no need for extra extension. Settings > Linked Editing

[yinonelbaz]

Great video! Thank you for the tips! very useful!

[PaulMcCannWebBuilder]

When adding extra cursors ( 2:35 ) and need the lines to be lined up vertically, opt - z can be helpful to toggle word-wrap. If your lines of code are wrapped, the command opt arrow shortcut will a place a cursor in the character column where you want it AND at the wrapped line ending. Toggling word wrap off solves this.

[voynich]

Man you could be a voice actor. You have the "narrator voice".

[azox_sudo]

hey man great video i have just something ctrl + alt + arrow change the screen like rotate it on windows

[ironmanlifts]

Hey Steve, thanks for the videos. I love vscode for web development. The only thing I don't like is that a lot boilerplate typescript is required to make a vscode extension. In vim a 10 line function usually does the trick. I see you have been making videos about PWAs. Do you know of anything that can automate a PWA from a website? I think I saw a github project for that.

[andrewgarfinkel]

Steve- one quick question. I am a relative beginner with JS. I can play around with the language, but I am trying to improve and understand the language deeper.

I’ve been reading The Eloquent JavaScript by Marijn Haverbeke. Would you recommend this book? It’s definitely been challenging and keep pushing me.

[Eben_Haezer]

Hi bro,
can you make a video on how to make a dependent select box like country, state, city linking each other through databases in php. I don't know Javascript. That makes it difficult.

[ravinirala]

In my VS Code, Clear Previous Output : on is not working.. Can you help?

[flexairz]

Well then... unsubbed due to censorship, can't handle a link to a helpful pdf file.