No video
VS Code Top-Ten Pro Tips
Рет қаралды 1,927,675
Күн бұрынGet the latest and greatest VS Code pro tips in the 2021 video 👉 • 25 VS Code Productivit...
Learn how to use Visual Studio Code like a pro with my top-ten strategies for developer productivity and happiness. angularfirebas...
- Get VS Code code.visualstu...
@Fireship 6 жыл бұрын
UPDATE. New and improved VS Code pro tips 👉 here kzfaq.info/get/bejne/q5hhisKly7a6oo0.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.
@IrfanSyed917 6 жыл бұрын
Angular Firebase what is the icon extension you are using ?
@DarthGTB 6 жыл бұрын
VS Code is great. And I love the fact that I can interact with developers on GitHub about issues or suggestions I have to the editor itself and the extensions. It's awesome. Now a suggestion for you: the music was a bit too loud. This makes it difficult to pay attention in the content for non-native English speakers such as myself. Please balance it better on new videos. You could have kept it playing through the end of the video, but with a lower volume as well Other than that, great video. Thanks a mil
@alexandertarasenko3038 6 жыл бұрын
delete vs code, install php storm
@alexandertarasenko3038 6 жыл бұрын
Lol, believe it or not I am using vscode now. Although there are some really annoying things like ""after = in html or no autocomplete for functions on html, it is quite okay. Of course ot's not php storm but there are no alterntives I guess
@fabriziomeinero 5 жыл бұрын
Alexander Tarasenko I would agree if it were open source
@mycroft16 5 жыл бұрын
VS Code is possibly the single most important thing Microsoft has ever created. Upended my world when I discovered it.
@selim9648 5 жыл бұрын
other than windows that u use to open vsc in
@Sartheris 5 жыл бұрын
it was very shitty in the beginning tho, but now I LOVE it
@mycroft16 5 жыл бұрын
@@Sartheris It has definitely come a VERY long way.
@cesarmartinez2207 5 жыл бұрын
You haven't seen .net core yet then !!!
@mycroft16 5 жыл бұрын
@@selim9648 works on Mac and Linux equally as well.
@PabloBianchiOK 3 жыл бұрын
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
@RyanValizan 3 жыл бұрын
my jaw dropped at that json to code converter! The hours i have spent making classes to handle those responses is unreal.
@Tangowastaken 3 жыл бұрын
This literally blew my mind. Is going to save me hours.
@bobburch2509 4 жыл бұрын
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).
@MikelWayder Жыл бұрын
So, after 2 years of ur comment - are you good programmer?
@6locc6a6y_fps Жыл бұрын
@@MikelWayder i was wondering the same
@andrewminhnguyen9446 6 жыл бұрын
Wow. That "Paste as JSON" is just magic. Thank you!
@madhououinkyoma 11 ай бұрын
I’m surprised by the amount of people that are enthralled by this extension
@FunOrange42 2 жыл бұрын
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.
@olmanmora21 2 жыл бұрын
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
@anazi Жыл бұрын
Wow does it work if I want to show my client the code and make him run it?
@JoelGRodriguez 6 жыл бұрын
The best tip on this video for me was learning about Carbon Based Lifeforms. Thanks for putting me up on game, homie.
@riddheshmarkandeya7147 5 жыл бұрын
Please cover the 90 other topics as well. This is just amazing!
@daniel-ef5tm 3 жыл бұрын
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 😉
@user-he4ef9br7z 3 жыл бұрын
yy for vim chads
@thecodingpress5970 2 жыл бұрын
same for cutting except you press cmd+x or ctrl+x
@NickLeake Жыл бұрын
game changer
@madhououinkyoma 11 ай бұрын
The cursor can be anywhere in the line
@JamieMcI 6 жыл бұрын
vscode-spotify?? Are you kidding? Just saved all the mouse clicks.
@Fireship 6 жыл бұрын
Haha, spotify is critical
@axea4554 6 жыл бұрын
Useless for mac (have keys prev play next)
@byprakosoo 6 жыл бұрын
why i cant use it in win 10?
@JohnSlaughterJr 6 жыл бұрын
You can press the *fn* key in the lower-left of the keyboard to turn the top-row media keys back into function keys. (You can use fn with the Delete key too, to get a forward-delete on the smaller keyboard instead of a backspace delete.)
@dougdevine27 5 жыл бұрын
code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf
@ImGonnaShout2000 6 жыл бұрын
Microsoft made something good for once
@RpMRickyMunoz 6 жыл бұрын
ImGonnaShout2000 office?
@user-ie8pj4ui7p 6 жыл бұрын
Himanshu office sucks
@RpMRickyMunoz 6 жыл бұрын
LC Lin lol sure jan
@Rollersteaam 6 жыл бұрын
TBF Microsoft also made .NET and C#, one of the best languages available IMO
@RobertKaucher 6 жыл бұрын
TypeScript? If you are doing Angular, you are using TypeScript...
@velox__ 4 жыл бұрын
VS Code over Remote SSH is also amazing. Does exactly what you'd expect
@nonadqs 3 жыл бұрын
VSCode as SSH editor is awful and bloat, you should use nano, vim, emacs, or any other text line editor
@madhououinkyoma 11 ай бұрын
@@nonadqssounds like you might never have used the extension. It more than just text. You can explore the file structure in the interface. I haven’t used it much but it can be very helpful.
@jesussandoval4969 3 жыл бұрын
you’re voice is so soothing and makes these videos 100x better. thank you, great video
@angela_jx 5 жыл бұрын
The spotify extension pretty much saved my life
@mateja176 6 жыл бұрын
05:05 We relax a little too hard hahahaha
@Fireship 6 жыл бұрын
Haha, it happens
@weird_oscillator 6 жыл бұрын
CBL
@Fireship 6 жыл бұрын
My all time favorite programming music :)
@heyramineni 6 жыл бұрын
God this music is amazing. I've just heard it after seeing it in your video. Do you have any more like these? A playlist of some kind? BTW those tips are darn useful. Thanks.
@heyramineni 6 жыл бұрын
B B thank you 🙂 .. Will check 'em out...
@callumvanheerden1530 5 жыл бұрын
I really appreciate that this is in 4k. Thank you.
@sleeplessdev7204 5 жыл бұрын
I've always enjoyed the Jetbrains IDEs (like Webstorm, PhpStorm, etc) because of the rich built in features. But you make a good case for VS Code too. Although Webstorm is powerful, sometimes the clutter of all the buttons and toolbars bother me, so VS Code might be a good alternative for those situations. Thanks!
@StrangeIndeed 4 жыл бұрын
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
@johnathanwhite191 6 жыл бұрын
the spotify plugin + carbon based lifeforms made my day! thank you
@Fireship 6 жыл бұрын
Nice! CBL is my fav music for programming :)
@StephenMoreira 6 жыл бұрын
Loved. Need a continued series. Part 2, 3 and 4 !
@Fireship 6 жыл бұрын
Just might do that. There are many other extensions and features that were left out.
@StephenMoreira 6 жыл бұрын
I know some developers are against being over tooled, and I certainly agree. Sometimes there's just certain little plugins/extensions that just changes my life lols. The JSON as Code is gonna be great!
@SpragginsDesigns 2 жыл бұрын
Update - Chrome Debugger has been depreciated so no need to install it anymore. Thanks for the amazing tips and channel.
@shubhamsehgal2336 4 жыл бұрын
Microsoft: We are going to make a code editor Microsoft Developers: We are gonna rock the world
@sanketss84 6 жыл бұрын
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 :)
@Fireship 6 жыл бұрын
Thank you very much, really appreciate the feedback :)
@jerrygreenest 3 жыл бұрын
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?
@WisemanNetero 3 жыл бұрын
Ever heard of overlapping users?
@jerrygreenest 3 жыл бұрын
@@WisemanNetero using two different IDEs? It's like having two wives. Possible, but weird
@ostar-en7ec 2 жыл бұрын
I love your channel. Please don't change.
@shiro3940 Жыл бұрын
05:04 that was the best story-chaining I've ever heard
@mrclaytron 6 жыл бұрын
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.
@Fireship 6 жыл бұрын
Nice! I was a little resistant to switch about 1.5 years ago, but have not looked back since.
@mrclaytron 6 жыл бұрын
Angular Firebase yeah, when I first switched from Sublime, I was only about 50% in on VS Code, as some features were missing at the time... But I really liked the direction and workflow, and every month new features meant there was less and less reason for me to keep using Sublime. Cheers - I'm a big fan of all your videos! Keep up the good work :-)
@markotikvic 4 жыл бұрын
If talking about text editors upsets you maybe it's time to seek professional help. Best of luck.
@256k_ 2 жыл бұрын
Was a big atom fan back in the day and when vscode came out I was super resistant at the beginning but eventually I got converted and it was the speed of loading large projects. Atom was no where near as fast or efficient as vscode.
@sarevoker 3 жыл бұрын
I work on open source and this editor is amazing, congrats for all developers involved.
@aaaaanh 3 жыл бұрын
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
@WilsontheWolf 3 жыл бұрын
One important key bind I use is ctrl + r to list recently opened files, as I often switch between projects
@carltongordon 6 жыл бұрын
i`m so loving the new animations man!! really slick!!! and thanks for this
@Fireship 6 жыл бұрын
+Carlton thanks for watching, glad you like the new graphics :)
@Xinthose 6 жыл бұрын
I switched from Atom after seeing the SO survey results.
@CleverCheats 5 жыл бұрын
Me too
@redistan7048 4 жыл бұрын
Me too
@CleverCheats 4 жыл бұрын
@@redistan7048 Yeah way better, especially for C#. I am learning that now. Love it!
@rodolforosario7059 4 жыл бұрын
I switched from Atom after seeing VS Code was better.
@Xinthose 4 жыл бұрын
they update it all the time too; there are so many features now, I hardly use them all
@elektra81516 4 жыл бұрын
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!
@indieNik 6 жыл бұрын
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!
@Fireship 6 жыл бұрын
Thank you. Yeah, I was super impressed from day one and it just keeps getting better
@JustAlexSanda 4 жыл бұрын
Please share the color theme you're using for your VS Code - looks really beautiful
@camstuart 6 жыл бұрын
Really awesome stuff Jeff, and thanks for taking my recommendation!
@Fireship 6 жыл бұрын
+ Cameron Almost every video starts with a suggestion, so thank you!
@fakehub9723 4 жыл бұрын
I recommend changing ctrl + p to shift + space
@luisfernandoperezaraya2892 6 жыл бұрын
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.
@bool00 2 жыл бұрын
hey there! have you found out yet?
@AmitB 5 жыл бұрын
The first one is the files list, not the command pallette. Command pallette is actually Ctrl+Shift+P.
@magedojo 3 жыл бұрын
That paste as JSON extension looks amazing
@mathewmccloskey8242 6 жыл бұрын
VS code has changed the damn game and I love it
@jon-sully 5 жыл бұрын
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
@bettayebabdelkrim6222 6 жыл бұрын
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 !
@yesenialopez8021 2 жыл бұрын
Wow, that GitLens function is life changing, thanks for creating this video! It only made me love VSCode even more lol!
@jeromesnail 4 жыл бұрын
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 :)
@will_abule 6 жыл бұрын
Thank you finally I can code live
@Fireship 6 жыл бұрын
It's a very cool feature.
@Hugos68 2 жыл бұрын
I use intellij while watching a vscode tips video, my productivity is through the roof
@AlanDraper7169 5 жыл бұрын
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!
@BrentMalice 5 ай бұрын
man youve come so far, and yet you started so hi already. ily buddy
@YoungGrizzly 4 жыл бұрын
My favorite code editor is nano My favorite IDE is the screen command
@okie9025 4 жыл бұрын
Is your favorite programming language assembly?
@stunt_niklas452 4 жыл бұрын
eww nano thats disgusting at least use vim
@Behrnah 4 жыл бұрын
what theme do you use for vscode ? awesome videos 👌🏻
@momchilnikolov9698 6 жыл бұрын
Did not expect the Carbon Based Lifeforms reference...Nice touch!
@justingolden21 2 жыл бұрын
That paste json thing is incredible
@ImperiumLibertas 6 жыл бұрын
Liked less than 5 seconds in for that new intro. 😍
@Fireship 6 жыл бұрын
Nice, thank you!
@foxjonesofficial 3 жыл бұрын
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
@electrocatalyst 5 жыл бұрын
You get a like from me first of all for Carbon Based Lifeforms!
@wazbat1 5 жыл бұрын
Biggest question I have, what theme are you using? It's lovely
@QuinnFavo 4 жыл бұрын
Steady pace and easy to understand! Thanks for the tips
@nirm2246 3 жыл бұрын
Starting an angular project for work. That JSON to Code is going to come in so handy! I hate writing interfaces lol!
@NeerajLagwankar 6 жыл бұрын
Paste JSON as code is a life saver! Thanks a lot!
@Arthur-rh9tf 3 жыл бұрын
"I'm working with a team of junior developers, and they keep screwing things up" 😂😂 I'ma recent college grad and jr. dev. That makes me feel better haha
@invntiv 6 жыл бұрын
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
@dipankarbiswas033 4 жыл бұрын
nice tutorial ..can you please let me know what the theme you are using ..
@MercyFromOverwatch2 2 жыл бұрын
Jeff is my favourite tech youtuber!
@ameetshrestha6424 3 жыл бұрын
Really loved the sidebar and the icons you have there. Can you tell me what extension did you use or how you customized it?
@taranbirsingh2927 4 жыл бұрын
Thanks for all the great tips. Plus the music recommendation. I'm loving Carbon Based Lifeforms.
@samirgunic 6 жыл бұрын
To see all *K*-eyboard *S*-hortcuts, press Ctrl+K, Ctrl+S. To get a *K*-eyboard shortcut *R*-eference document, press Ctrl+K, Ctrl+R.
@rallemakralle1535 2 жыл бұрын
3 years later: youtube: Lets recommend this video
@Pra2wins 4 жыл бұрын
Which theme are you using for VS Code?
@neillunavat 3 жыл бұрын
The new intro is lit 💙
@jacquesdurand4416 4 жыл бұрын
Command + P ! Changed my life !
@jdrab 5 жыл бұрын
Just to point out a little mistake - visual studio code is not free and open source if you download the installer from microsoft. Visual studio code (the product) is licensed under microsoft software license, only the source code is available under the MIT license agreement. source: code.visualstudio.com/license
@HAWXLEADER 3 жыл бұрын
Multi line editing and box selection are life savers (not features in the video) So is line moving alt+up\down.
@thundy3348 3 жыл бұрын
The carbon based life forms reference and subsequent joke made me instantly sub. Kudos sir lol
@Lorkin32 5 жыл бұрын
Big tip is to do a rundown on the new breadcrumbs! Really good
@tinahuynh5107 6 жыл бұрын
This was super helpful for someone who just downloaded VS Code (: Thanks a bunch
@Ziberac 5 жыл бұрын
4:30 Mind blown
@hanguyen221 6 жыл бұрын
Hi! Great video, what is the color theme & file icon theme do you use tho?
@overlordprincekhan 2 жыл бұрын
This video right here! It's a lifesaver!
@alifepenneddown 3 жыл бұрын
Please keep adding these amazing videos. It is really helpful for "junior" developers like me (no pun intended)
@eduardofernandezdiaz5264 4 жыл бұрын
I was a sublime text user for more than 10 years until Microsoft released vs code
@VeslorTV 6 жыл бұрын
The peek utility is really helpful.
@Fireship 6 жыл бұрын
Yes, that one can be huge when working with libraries.
@Qrzychu92 6 жыл бұрын
it's taken from big Visual Studio :)
@pnmenon1522 4 жыл бұрын
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
@alisheikh1582 6 жыл бұрын
Which os are you running? And can you please mention your code setup? Themes and extension etc?
@edgolub 3 жыл бұрын
Paste JSON as type... that is amazing!
@avimehenwal 5 жыл бұрын
AMazing video ... excellent quality. I ditched my older editor with vscode today
@isaacsailor1 4 жыл бұрын
Wow! VS Live Share is everything I ever wanted when I back when I did group CS projects. Better late than never.
@sync3217 5 жыл бұрын
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?
@aindaecedo 4 жыл бұрын
amazing quality. Easy to understand, thank you and congrats!
@H1L1CH 4 жыл бұрын
Another helpful video which changes my approach to web developing. Thank you very much for what you do!
@B1Happy 3 жыл бұрын
Wow thanks man! Cool extensions!
@yogenp 6 жыл бұрын
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.
@Fireship 6 жыл бұрын
Thank you, I'm sure I will find some good use cases for future RTDB videos
@garethd1593 6 жыл бұрын
Great new intro!
@tiagotele1 5 жыл бұрын
Awesome! Many plugins that I didn't know before!
@__navv 4 жыл бұрын
If you are coding in html ,the. you can simply type in "!" and then the optins will show. Now click the first option and the default code for an html file shold appear
@eincandela 4 жыл бұрын
for those interrested, i think the theme is atom one dark
@mayureshs80 6 жыл бұрын
Very helpful video. What color theme and file icons theme was used in the video ?
@BattleFailedMoments 6 жыл бұрын
Awesome, Awesome! AWESOME. Great video quality and editing btw :) looks slick.
奧特羅羅 Ultraman
Рет қаралды 6 МЛН