VS Code Top-Ten Pro Tips 

UPDATE. New and improved VS Code pro tips 👉 here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-u21W_tfPVrY.html An effective IDE is one of the most important factors for developer productivity (and happiness). Here are ten ways to maximize the value of VS Code. Please post your tips in the comments.

So glad i just found this channel, as a beginner coder this is going to help me grasp concepts much faster than other longer videos (and then I can go to the other videos for more in depth if needed).

my jaw dropped at that json to code converter! The hours i have spent making classes to handle those responses is unreal.

VS Code is possibly the single most important thing Microsoft has ever created. Upended my world when I discovered it.

Wow. That "Paste as JSON" is just magic. Thank you!

10. Navigatoin - Ctrl+k Keyboard shortcuts - Ctrl+k Command palette: files, commands, first letters of cammelCaseThings: cct - Bookmark plugin 9. Snippets 8. Terminal: Ctrl+` 7. IntelliSense: @ for things in the class 6. Peek: Peek definition, find all references. Rename symbol. 5. Paste JSON as Code extension 4. Ctrl+k+z Zen mode - vscode-spotify extension 3. Debugger - Debugger for Chrome extension 2. Git - Gitlens extension 1. Live Share

Believe me when I say this that these are actually really useful tips. I ended up finding out a lot of these on my own while working on projects, so it would have been nice to just learn all of these from this one single video.

Please cover the 90 other topics as well. This is just amazing!

The best tip on this video for me was learning about Carbon Based Lifeforms. Thanks for putting me up on game, homie.

Another cool feature in vscode is the docker remote-container that enables the devs to use vscode as it was inside the actual container, making the process of setup a new dev environment a breeze and make the developer experience nearer to the env where the code will actually run

you’re voice is so soothing and makes these videos 100x better. thank you, great video

A little tip to make you code faster If you want to copy a line of code, instead of selecting by dragging with the mouse or shift+Arrow keys, you can simply place your cursor at the beginning of the line and pressing CMD+C Happy coding 😉

VS Code over Remote SSH is also amazing. Does exactly what you'd expect

Absolutely brilliant presentation and clear explanation of the concept. Loved your style and narration I am subbed. Staying here as there is so much great stuff to learn , not just from a technology standpoint but great presentation as well. Keep sharing the awesomeness and have a great day. Lastly VS Code is also my editor of choice :)

vscode-spotify?? Are you kidding? Just saved all the mouse clicks.

Loved. Need a continued series. Part 2, 3 and 4 !

I really appreciate that this is in 4k. Thank you.

Microsoft made something good for once

The spotify extension pretty much saved my life

the spotify plugin + carbon based lifeforms made my day! thank you

05:05 We relax a little too hard hahahaha

One important key bind I use is ctrl + r to list recently opened files, as I often switch between projects

Please share the color theme you're using for your VS Code - looks really beautiful

34.9% users: use VSCode 34.3% users: use VStudio 34.2% users: use Nutepad++ Wait, that's 103.4%, where do you get the rest 3.4%? From parallel universes?

I love your channel. Please don't change.

i`m so loving the new animations man!! really slick!!! and thanks for this

it's not just that your infos are awesome but your way of delivering them, i also like the way you designed your video to be attractive to developers, thnx dude !

Which icon theme are you using? :D Also, in some of your videos I saw that you can access the folder by just clicking the file name you are currently on, which is that extension too? Thanks! I love your videos.

A fellow Carbon Based Lifeforms fan! Thanks for the video, I've been loving VS Code recently and am steadily migrating from VS 2017. Cool tips!

Wow, that GitLens function is life changing, thanks for creating this video! It only made me love VSCode even more lol!

Great video man! I've been using VS code since day 1, and there are still awesome extensions I'm learning about... That JSON extension is cool! I've got to a point with VS Code that when someone says they don't like it, it annoys me haha.

I jumped from Brackets to VSCode for the brilliant features and add-ons it provides! Powerful stuff :) Great stuff and video/graphics skills! Thank you!

10. Navigatoin - Ctrl+k Ctrl+s Keyboard shortcuts - Ctrl+p Command palette: files, commands, first letters of cammelCaseThings: cct - Bookmark plugin 9. Snippets 8. Terminal: Ctrl+` 7. IntelliSense: @ for things in the class 6. Peek: Peek definition, find all references. Rename symbol. 5. Paste JSON as Code extension 4. Ctrl+k+z Zen mode - vscode-spotify extension 3. Debugger - Debugger for Chrome extension 2. Git - Gitlens extension 1. Live Share OP is Pablo Bianchi. I copied and changed the comment for my own convenience.

nice tutorial ..can you please let me know what the theme you are using ..

Really awesome stuff Jeff, and thanks for taking my recommendation!

Been using since 2017, but it’s 2021 now and I’m still like “I’ve never met this [editor] in my life” after watching this video

05:04 that was the best story-chaining I've ever heard

what theme do you use for vscode ? awesome videos 👌🏻

Starting an angular project for work. That JSON to Code is going to come in so handy! I hate writing interfaces lol!

I work on open source and this editor is amazing, congrats for all developers involved.

Fun fact: you can rename files refactor in VS Code with F2 shortcut. Even funnier fact: it doesn't apply only to VS Code; you can rename files with F2 for example in File Explorer on Windows and other applications

That paste as JSON extension looks amazing

Very helpful video. What color theme and file icons theme was used in the video ?

Hi! Great video, what is the color theme & file icon theme do you use tho?

Really loved the sidebar and the icons you have there. Can you tell me what extension did you use or how you customized it?

Don't know if I've ever seen a video aimed at devs/development with as good of animations and graphics as this one. Wowza. Great content as well :P

Microsoft: We are going to make a code editor Microsoft Developers: We are gonna rock the world

Great videos, thanks! I would prefer no background music.

Which os are you running? And can you please mention your code setup? Themes and extension etc?

Biggest question I have, what theme are you using? It's lovely

I've been using code-server for a couple of days, and it's great! It's VS code but directly on your server. I set it up with a reverse proxy on one of my domain, and I can use it on ANY device as a PWA. I also set up a reverse proxy on port 5500 for live server, so you can work on your PC/Chromebook/tablet and see the changes LIVE on any device. A MUST for web development :)

That paste json thing is incredible

I recommend changing ctrl + p to shift + space

Another helpful video which changes my approach to web developing. Thank you very much for what you do!

Paste JSON as type... that is amazing!

man youve come so far, and yet you started so hi already. ily buddy

Hi, which font you are using for the editor or which theme?

Azure extension for Vs code is another cool feature , I never access my portal while development and everything can be done by Vs code , which is great

This video right here! It's a lifesaver!

Thanks .. that's a super helpful video

Thanks for all the great tips. Plus the music recommendation. I'm loving Carbon Based Lifeforms.

Steady pace and easy to understand! Thanks for the tips

That theme and fonts look dope can you share ?

Did not expect the Carbon Based Lifeforms reference...Nice touch!

I use intellij while watching a vscode tips video, my productivity is through the roof

Thanks for the tips and I subscribed. But just one friendly feedback - your background music is a bit loud and it sometimes interferes with listening to what you are saying.

Which theme are you using for VS Code?

I switched from Atom after seeing the SO survey results.

One other tip is that in the files tab on the left you can add Npm scripts which will show all the parts of the doc

I always get excited to see new contents from you. Awesome pro tips indeed. Hoping that eventually I can earn some money to start contributing. I know you love Firestore. But, it will be cool to see a video on Cloud Functions with Realtime Database and Typescript. Cheers.

I think an extension is needed to run "npm:" commands from the command pallet. The extension I found was called "npm" that looks like it does what you showed. Great video, thanks!

My favorite code editor is nano My favorite IDE is the screen command

Big tip is to do a rundown on the new breadcrumbs! Really good

Great tips, thanks. What is the theme/skin that you are using for Ubuntu and VS Code?

I hope Microsoft learns a valuable lesson from the success of VS Code. People like simple shit that just works. They like functionality. They like accessibility and open source, not closed systems

The peek utility is really helpful.

Holy shit I wish I knew about this when I was working with this company and struggling using VIM and Git (via the command line). VS code has everything I could ask for and then some!

Bless you sir, you are doing this world a big favor!

You get a like from me first of all for Carbon Based Lifeforms!

Huge like for CBL! Just watched their live yesterday, band ever :-)

Awesome video man. I didn't even know about vscode-spotify or the json extension. Thanks! Just a quick question, what theme do you use?

AMazing video ... excellent quality. I ditched my older editor with vscode today

Jeff is my favourite tech youtuber!

Wow your color theme is better than mine. How to get it?

WOO new episode... currently using JetBrains IDEs, but I think once my license runs out I'll switch to VSCode. Still not sure though, I really love all the out-the-box features of JetBrains' IDEs.

Multi line editing and box selection are life savers (not features in the video) So is line moving alt+up\down.

Hey! Great Video! Few questions: What kind of font do you use? What's the width of the font? What's the color theme you are using as all looks great!

amazing quality. Easy to understand, thank you and congrats!

The first one is the files list, not the command pallette. Command pallette is actually Ctrl+Shift+P.

Wow thanks man! Cool extensions!

I would also recommend GitGraph extension - very useful visualization of all git branches for current repository

What is your vscode theme? And the font?

good to see you use KDE

Command + P ! Changed my life !

Super usefull!!, thanks

The carbon based life forms reference and subsequent joke made me instantly sub. Kudos sir lol

Thank you for this awesome video! Very informative!

Wow! Thanks! Super useful!! By the way, how did you get that Docker option on the left hand side panel?

for those interrested, i think the theme is atom one dark