VS Code Top-Ten Pro Tips

Подписаться 3,1 млн

Просмотров 1,9 млн

50% 1

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. angularfirebase.com/lessons/t...
- Get VS Code code.visualstudio.com/

Наука

Опубликовано:

6 июн 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 883

@Fireship 6 лет назад

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.

@IrfanSyed917 6 лет назад

Angular Firebase what is the icon extension you are using ?

@DarthGTB 5 лет назад

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 5 лет назад

delete vs code, install php storm

@alexandertarasenko3038 5 лет назад

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.

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

@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

@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

@riddheshmarkandeya7147 5 лет назад

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

@JoelGRodriguez 5 лет назад

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

@andrewminhnguyen9446 5 лет назад

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

@madhououinkyoma 8 месяцев назад

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.

@jesussandoval4969 3 года назад

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

@sarevoker 3 года назад

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

@QuinnFavo 4 года назад

Steady pace and easy to understand! Thanks for the tips

@angela_jx 5 лет назад

The spotify extension pretty much saved my life

@callumvanheerden1530 5 лет назад

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

@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 :)

@aindaecedo 4 года назад

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

@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!

@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!

@BattleFailedMoments 6 лет назад

Awesome, Awesome! AWESOME. Great video quality and editing btw :) looks slick.

@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

@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?

@magedojo 3 года назад

That paste as JSON extension looks amazing

@tinahuynh5107 5 лет назад

This was super helpful for someone who just downloaded VS Code (: Thanks a bunch

@appleqor 6 лет назад

Densely packed with juicy knowledge. Thank you. Subscribed.

@tiagotele1 5 лет назад

Awesome! Many plugins that I didn't know before!

@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!

@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?

@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!

@taranbirsingh2927 3 года назад

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

@dominikseljan3043 5 лет назад

Great video! Didn't even know Code has such a useful features. Thanks!

@avimehenwal 5 лет назад

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

@H1L1CH 3 года назад

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

@olmanmora21 Год назад

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?

@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!

@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 5 лет назад

why i cant use it in win 10?

@JohnSlaughterJr 5 лет назад

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

@WilsontheWolf 3 года назад

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

@yesenialopez8021 2 года назад

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

@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 8 месяцев назад

The cursor can be anywhere in the line

@isaacsailor1 4 года назад

Wow! VS Live Share is everything I ever wanted when I back when I did group CS projects. Better late than never.

@bettayebabdelkrim6222 5 лет назад

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 !

@greensheen8759 4 года назад

All of this is super helpful! Thank you so much

@alifepenneddown 3 года назад

Please keep adding these amazing videos. It is really helpful for "junior" developers like me (no pun intended)

@__dev14 5 лет назад

High Quality Videos! Subscribed!

@hotmandead1 5 лет назад

Excellent Video Learned alot and now my workflow is even better

@nirm2246 3 года назад

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

@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 :)

@momchilnikolov9698 6 лет назад

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

@gilsonviana4936 6 лет назад

Extremely useful tips! VS code is really changing for good the development environment. Thanks for the video.

@NeerajLagwankar 6 лет назад

Paste JSON as code is a life saver! Thanks a lot!

@B1Happy 3 года назад

Wow thanks man! Cool extensions!

@johnathanwhite191 6 лет назад

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

@Fireship 6 лет назад

Nice! CBL is my fav music for programming :)

@meansnada 5 лет назад

I like your videos a lot and I was thinking about subscribing (PRO MS) and I was wondering... do you only work on Angular or will you also include other languages/frameworks like Dart/Flutter? Thanks!

@lh999 5 лет назад

All this is amazing!! Thanks for share!

@SinanMustafov619 6 лет назад

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

@TheOnlyEpsilonAlpha 4 года назад

The Second Video i watched from your Channel and i learned something new again ^.^

@BrentMalice 3 месяца назад

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

@hanguyen221 6 лет назад

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

@mayureshs80 6 лет назад

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

@vitale232 4 года назад

learned so much. thanks!

@zss123456789 4 года назад

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

@JustAlexSanda 4 года назад

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

@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 5 лет назад

TypeScript? If you are doing Angular, you are using TypeScript...

@antondutsov8524 5 лет назад

Thank you for this video!

@Lorkin32 5 лет назад

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

@bripowered 4 года назад

Great video.Which extension do you use for icons?

@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 8 месяцев назад

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

@Behrnah 4 года назад

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

@codeforweb7602 2 года назад

Thank you for this awesome video! Very informative!

@justingolden21 2 года назад

That paste json thing is incredible

@alisheikh1582 5 лет назад

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

@mathewmccloskey8242 5 лет назад

VS code has changed the damn game and I love it

@overlordprincekhan 2 года назад

This video right here! It's a lifesaver!

@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

@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

@khalidelgazzar 4 года назад

Thanks .. that's a super helpful video

@saisreenivas1003 5 лет назад

super one of the greatset tutorials

@garethd1593 6 лет назад

Great new intro!

@StrangeIndeed 3 года назад

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

@nikhilgautam2857 3 года назад

That theme and fonts look dope can you share ?

@johndoe-gt4rx 5 лет назад

Very helpful. Thanks!

@ostar-en7ec Год назад

I love your channel. Please don't change.

@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 :)

@dipankarbiswas033 4 года назад

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

@wazbat1 5 лет назад

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

@pnmenon1522 3 года назад

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

@yuqianhuang6394 6 лет назад

Nice tips!

@Pra2wins 4 года назад

Which theme are you using for VS Code?

@Epistemophilos 2 года назад

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

@fakehub9723 4 года назад

I recommend changing ctrl + p to shift + space

@sarder2008 3 года назад

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

@whilelab 6 лет назад

Great video and very helpful.

@will_abule 6 лет назад

Thank you finally I can code live

@Fireship 6 лет назад

It's a very cool feature.

@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

@PrimephotoStudio 4 года назад

Great video, very helpful.

@javierpacareu 5 лет назад

The JSON one is pretty awesome

@luisfernandoperezaraya2892 5 лет назад

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.