Тёмный

20 Essential VS Code Extensions In 2024 

Traversy Media
Подписаться 2,3 млн
Просмотров 183 тыс.
50% 1

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

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 201   
@TraversyMedia
@TraversyMedia 6 месяцев назад
Let us know which VS Code extensions that you use daily
@TheSpecialOne7
@TheSpecialOne7 6 месяцев назад
Mostly all of them
@olaniyisunday4308
@olaniyisunday4308 6 месяцев назад
Which vscode theme are you using
@TheSpecialOne7
@TheSpecialOne7 6 месяцев назад
@@olaniyisunday4308 monokai
@kidushh4426
@kidushh4426 6 месяцев назад
For code screenshot I prefer "code snap", but all are very imoprtant extensions thank you for sharing!
@koxafis
@koxafis 6 месяцев назад
I use Background by Katsute. The best extension if you want a background while coding. It's actually neat, and you get used to it pretty quickly. You can even put gifs and it's amazing. Also, I use a custom program to color rotate the hue of the colors of the borders of my editor, just like with rgb strip LEDs. Though this is a hack as I just update the settings.json on an interval which is not ideal. I wish there was an extension like that but I don't have the time to make it.
@bobdpa
@bobdpa 6 месяцев назад
Always nice to see videos from Traversy. I'm 10 years into my career and absolutely would not have learned as much as I did without Brad. Thank you!
@philipbollen4609
@philipbollen4609 6 месяцев назад
In my base profile I always include 3 must-have extensions, - Better Comment, and whenever I include custom comments I make sure to save them in the workspace so everybody has the same highlighting - Path intellisense, although not always needed whenever you start using paths in a project this one saves my time And the best for last, - Sonarlint, I absolutely love this extension, it works for multiple languages, and tells me all the code-smells which are in my projects (plus a simple page why it's bad and what it should be)
@programmingloop7
@programmingloop7 4 месяца назад
Awesome suggestions. I don't really see the point of path intellisense as I think vscode, typescript etc covers that (unless I am missing something) but "better comment" and "Sonarlint" are great!
@outis99
@outis99 6 месяцев назад
Oh my god Multiple cursor case preserve is a game changer, I literally run in to this problem almost every day, THANK YOU
@mdcode
@mdcode 6 месяцев назад
Do you have the link to the official extension, the one he is using
@outis99
@outis99 6 месяцев назад
@@mdcode Pretty sure it's this one, just copy paste the id: Cardinal90.multi-cursor-case-preserve
@TraversyMedia
@TraversyMedia 6 месяцев назад
Yeah, something so simple but so useful
@stefangajic9207
@stefangajic9207 6 месяцев назад
Material Icon Theme, Image preview, Color Highlight, Auto Rename Tag, Auto Close Tag... Some simple extensions that make my life easier.
@v1r47
@v1r47 6 месяцев назад
I have been your subscriber since the start of my career. It is always so nice to watch your videos. I see you shed a lot of weight. Keep going man. Love everything that you do for the community.
@outis99
@outis99 6 месяцев назад
I recently started using Git lens at work, it's a must have for when working in a team
@craigleppan7164
@craigleppan7164 6 месяцев назад
Thanks, keeping me in tune like you always do. Great.
@dlouhavideacz
@dlouhavideacz 6 месяцев назад
Thanks Brad, you and Will are actually my gurus and mentors.
@aronstone2700
@aronstone2700 6 месяцев назад
Awesome Video. Here are other good general Extensions I use: 1. Auto Close Tag - Automatically add HTML/XML close tag 2. Better Comments - create more human-friendly comments 3. Black Formatter - Python Text Formatter 4. Color Highlight - css/web colors found in your document.
@MateuszModrzejewski
@MateuszModrzejewski 6 месяцев назад
Great video as always! I've been looking for something like Polacode for a while now. Will give some of the other ones a try as well 😀
@kerimtim
@kerimtim 6 месяцев назад
Brad. Thank you so much, your content is undeniably great and to the point!
@AlVerGmz
@AlVerGmz 6 месяцев назад
Really appreciate the one "Multiple cursor case preserve" existing, thanks for the video and for letting me know it existed. Couple of them not mentioned here really good for me would be: - CodeMetrics - for code complexity - indent-rainbow - to add colors to the tabs of your file so you know what's the beginning and what's the end in a function with multiple ifs for example - Template String Converter - if you type ${ inside a simple quote with " or ' it will transform it to ` so you don't need to go and do it yourself everytime
@monkeydluffy2063
@monkeydluffy2063 6 месяцев назад
indent-rainbow feature has been available in vscode for a while now, you can uninstall the extension and turn the native feature on in settings
@monkeydluffy2063
@monkeydluffy2063 6 месяцев назад
@syedmohammadsannan964Ever thought about accessibility, maybe people have sight issues?
@MK-Turtles
@MK-Turtles 4 месяца назад
It is always a pleasure to see a new video from Traversy! Thanks!
@BRBS360
@BRBS360 6 месяцев назад
Reopen closed Editor is like reopening a closed tab in browser. Very useful if you accidentally closed a file and quickly want to reopen it (also uses the Ctrl + Shift + T shortcut like in a browser).
@andrewshorts1198
@andrewshorts1198 6 месяцев назад
Thunder Client can replace PostMan
@thelastninja4825
@thelastninja4825 6 месяцев назад
i think PostMan is better
@kishorekevin5372
@kishorekevin5372 6 месяцев назад
No , thunder client so far better, give it a try
@2u841r
@2u841r 6 месяцев назад
Or Hoppscotch?
@kishorekevin5372
@kishorekevin5372 6 месяцев назад
@2u841r yeah , it's also a perfect app
@kishorekevin5372
@kishorekevin5372 6 месяцев назад
@@2u841r yeah its also a perfect app
@WebDevXpert
@WebDevXpert 5 месяцев назад
Top 10+ Essential VS Code Extensions In 2024 || Top 10 VSCode Extensions YOU MUST TRY! : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-goydkLNSLPY.html
@dancehalllyrics1303
@dancehalllyrics1303 6 месяцев назад
For the screenshot extension, I use one called Snipped. It works mostly in the same way as Polacode (which I didn’t know of beforehand), but the benefit of Snipped over Polacode is that it actually takes a screenshot of the code you’ve highlighted (or the entire file by default, if no specific part of your code has been selected).
@bennyvalentine8221
@bennyvalentine8221 6 месяцев назад
Dude you look so healthy. I took a 3 year break from coding its good to see you.
@theDanielJLewis
@theDanielJLewis 6 месяцев назад
Great list! I added several of these. I especially like Multiple Cursor Case Preserve, which is going to be such a timesaver for me! Note on the Postman extension. After months of frustration, I found that _it_ was the reason the Refresh Browser extension wasn't refreshing when I would press Cmd-R.
@cbbcbb6803
@cbbcbb6803 6 месяцев назад
Why does Visual Studio Code have such a large number of extensions and other editors do not?
@hcmac100
@hcmac100 3 месяца назад
Thanks again Brad for all your great work
@NuncNuncNuncNunc
@NuncNuncNuncNunc 6 месяцев назад
With Console Ninja I've found that the logger is not useful, but what is useful is the count of times a message is logged, i.e. how many time a block is run. Could be useful to check if API is being called more than expected, for example. Would love it if the tool were actually dedicated to this and producing a summary of all marked locations.
@AlphaFrog1021
@AlphaFrog1021 6 месяцев назад
instead of postman I use thunder client which is pretty good, you don't need to create account.
@teerawatwcprtn
@teerawatwcprtn 6 месяцев назад
Thank you so much for sharing
@tejusr5525
@tejusr5525 6 месяцев назад
Todo tree is also nice.
@fromagetriste
@fromagetriste 6 месяцев назад
you need to explain what it does for this to be a good comment
@programmingloop7
@programmingloop7 4 месяца назад
Looks useful although I would argue writing TODOs in your codebase is a bad idea. Much better to have project management setup for this. Jira, Trello or something as simple as dynalist (it's not for project management but I use it because of its simplicity)
@tejusr5525
@tejusr5525 4 месяца назад
@@programmingloop7 Yeah
@programmingloop7
@programmingloop7 4 месяца назад
@@tejusr5525 Another point that I didn't mention is that if you want to not forget something before you commit then this is really useful. Let's say you're refactoring and want to make sure you don't forget to update jsdocs of your function then this is really handy. But this should be temporary TODOs that are resolved immediately. One should not commit them into the codebase. For that project management is best
@tejusr5525
@tejusr5525 4 месяца назад
@@programmingloop7 yeah some time i use them to remind me to uncomment some code before pushing.
@JustinDouglas-j4m
@JustinDouglas-j4m 6 месяцев назад
it's been a long time since i've seen one of these videos popup
@sadique_x_
@sadique_x_ 6 месяцев назад
i miss them
@447necro8
@447necro8 6 месяцев назад
Some other good ones: - Auto Close Tag - Auto Rename Tag - Bracket Lens - Copy Filename - Change Case
@JonBrookes
@JonBrookes 6 месяцев назад
Thanks Brad, some I've not seen before and will now use. Your the boss. You asked about vscode extensions we use a lot, I have to say Dev Containers by MS. I use this daily and clone repos in container volumes in conjuration with Docker. It can take a bit of getting used to but has become a daily driver for me personally. I get consistent and reproducible dev environments and can switch from one system to another, syncing as I go. This makes me happy. Hope your doing ok.
@sujoykrhaldar
@sujoykrhaldar 6 месяцев назад
There is an extension called colourised brackets i guess which is super helpful for maintaining brackets related errors
@IRgEEK
@IRgEEK 6 месяцев назад
Thanks for the updated recommendations!
@TravisHi_YT
@TravisHi_YT 6 месяцев назад
Some of my unmentioned daily essentials: - Powermode - Rainbow indent - Todo Tree
@mitrajeetgolsangi3586
@mitrajeetgolsangi3586 6 месяцев назад
Error lens is also nice to quickly find out errors detected in the code
@adm1nistration
@adm1nistration 6 месяцев назад
was just scrubbing my subscriptions after my daughter subscribed to every roblox channel there is and saw this again. You helped me starting in web dev my dude, legend!
@juansanchez1616
@juansanchez1616 6 месяцев назад
Bookmarks is my favorite, I didn't know about it, thanks!!!
@Andris_Briedis
@Andris_Briedis 6 месяцев назад
The problem with "multiple cursors" type extensions, at least for me, is that you don't have to use them often enough to be worth learning them, remembering the commands. But even if I learn them, I forget them because I don't have to use them that often. So 50/50.
@TravisHi_YT
@TravisHi_YT 6 месяцев назад
ctrl+d is something every developer should know and use frequently, I feel like it's way faster than search and replace inside a single file
@adrianmowat
@adrianmowat 6 месяцев назад
Agreed but I'd definitely recommend learning to use the multi-cursor features of VSCode because they are an absolutely massive time saver.
@tuananhdo1870
@tuananhdo1870 6 месяцев назад
Oh, you dont have to do anyyhig wiyh that extension. Just install it and done
@programmingloop7
@programmingloop7 4 месяца назад
I use it so often I'm surprise you say that
@LasTCursE69
@LasTCursE69 6 месяцев назад
I usually like writing my own regexes, but it's nice to know about this extension now as well :D
@Mac_boy734
@Mac_boy734 6 месяцев назад
i think it's been a minute, good job
@go_better
@go_better 6 месяцев назад
Thanks a lot! Awesome tutorial.
@poncardas
@poncardas 6 месяцев назад
As always, thanks Brad!
@VaibhavShewale
@VaibhavShewale 6 месяцев назад
some of them are really amazing
@fran_sar
@fran_sar 5 месяцев назад
Awesome video! Thank you
@ladywebber1726
@ladywebber1726 3 месяца назад
Thank you Brad 🥳
@Dalamain
@Dalamain 6 месяцев назад
This was great, thank you!
@sbylk99
@sbylk99 5 месяцев назад
Thank you sir very much!
@2pacgamer
@2pacgamer 5 месяцев назад
Thanks Brad, so useful !! :D
@nathandereje345
@nathandereje345 6 месяцев назад
Added 4 on my lists, Tnx !!
@aymenbachiri-yh2hd
@aymenbachiri-yh2hd 5 месяцев назад
Thank you , post more videos like this
@fahimsautomation1288
@fahimsautomation1288 6 месяцев назад
Thanks for sharing Awesome😀
@2ru2pacFan
@2ru2pacFan 6 месяцев назад
Thank you Brad 🔥
@drakeomar1290
@drakeomar1290 3 месяца назад
omg this is so helpful. thank you.
@johnnydriesen7575
@johnnydriesen7575 6 месяцев назад
Thanks for your time & effort. Great vid, as always. One question... When explaing Quokka, you type "clg TAB" and it replaces into "console.log"... Did you write your own code-snippets, or is this an existing one (from a package, I mean) Thanks in advance for your time to reply.
@dev-akeel
@dev-akeel 6 месяцев назад
No it is by default in vscode without any extension
@johnnydriesen7575
@johnnydriesen7575 6 месяцев назад
@@dev-akeel Didn't know about that... Thanks for replying.
@vinaykumarkharwar177
@vinaykumarkharwar177 6 месяцев назад
@@johnnydriesen7575 You can also install many such extensions in vscode
@Alazuofficial
@Alazuofficial 6 месяцев назад
Thank you Sir!
@Design_no
@Design_no 6 месяцев назад
Quokka is pronounced Kwokker. In real life Its a small marsupial that is native to Rottnest Island, a small island off the West Australian coast.
@vivekpachouri4059
@vivekpachouri4059 3 месяца назад
I use Paste JSON as Code by quicktype to convert http response to interface. I think it's woth adding to list
@EnzoAuditore
@EnzoAuditore 4 месяца назад
Thanks mate!
@sarkseven
@sarkseven Месяц назад
The cursor thingy is my take home
@theegreatestever2420
@theegreatestever2420 4 месяца назад
Thanks a lot!
@kevinfoendoe6987
@kevinfoendoe6987 6 месяцев назад
Very nice tutorial.
@mahdiandalib186
@mahdiandalib186 6 месяцев назад
thx man, you are the best
@LEGnewTube
@LEGnewTube 6 месяцев назад
Surprised Codeium isn't on here instead of Copilot. It's incredible, I've heard it's better than Copilot, and it's free. Even more surprised that VS Code Pets isn't on here.
@owaisahmed7820
@owaisahmed7820 6 месяцев назад
Yes, good I'm using. It's free
@JoseMVelazquez
@JoseMVelazquez 6 месяцев назад
I'm trying to reduce my extension dependency (in editors, browsers, Linux), VSCode has built in formatting and linting for html, css, javascript... It might not be as feature rich as Prettier but, at least for me, it does the job.
@RayAndrewsDev
@RayAndrewsDev 6 месяцев назад
Some really nice ones in there.
@carlosrangel4500
@carlosrangel4500 6 месяцев назад
Awesome, Brad
@shayanCodingMaster
@shayanCodingMaster Месяц назад
Gemini code assist is also good extension
@MovieExplainer-ps9bz
@MovieExplainer-ps9bz 10 дней назад
Try Preciser vscode extension
@AngelHdzMultimedia
@AngelHdzMultimedia 6 месяцев назад
Thanks very useful🎉🔥
@estebansuarezcastro7053
@estebansuarezcastro7053 4 месяца назад
Another alternative to Polacode could be 'CodeSnap'
@_thechriscast
@_thechriscast 6 месяцев назад
Don’t forget my Tab Jumper extension
@THEJPIndustry
@THEJPIndustry 6 месяцев назад
Are these extensions also available fr phpstorm? If not can you please make a video about goo phpstorm addons
@code_with_sheynet
@code_with_sheynet 6 месяцев назад
Weldone Brad
@davitgogidze4310
@davitgogidze4310 6 месяцев назад
When should we expect your next course on Laravel?
@aberattedaniketdatta4126
@aberattedaniketdatta4126 4 месяца назад
Live preview
@jpanPirate
@jpanPirate 6 месяцев назад
Have the same hat but in blue
@DrewLandgrave
@DrewLandgrave 6 месяцев назад
Fyi Live Server on M2 mac can leave an orphaned node process with a memory leak that will ear up your CPU and RAM.
@Trendi_Vibes
@Trendi_Vibes 3 месяца назад
Great 👍
@monkeydluffy2063
@monkeydluffy2063 6 месяцев назад
I feel it is important to mention that ChatGPT is actually not from openai but developed by someone else. Although dev name is visible but still be careful.
@kirillvoloshin2065
@kirillvoloshin2065 6 месяцев назад
thunder client looks much easier and doesn't propmpt for an account
@nishantchandgude9037
@nishantchandgude9037 6 месяцев назад
Please make a similar video for the chrome extension for developers like AI tools and hacks
@AnupSharma6191
@AnupSharma6191 5 месяцев назад
How to disable all extensions except using one in vscode?
@justwanderin847
@justwanderin847 4 месяца назад
Where are the COBOL ones?
@九天之羽
@九天之羽 5 месяцев назад
1. Auto Complete Tag: include Auto Close Tag and Auto Rename Tag. 2. Better Comments: more human-friendly comments 3. color-highlight 4. Error Lens 5. Git Graph 6. Open in Browser 7. Path Intellisense
@九天之羽
@九天之羽 5 месяцев назад
8. Project Manager
@lahmouriakram6433
@lahmouriakram6433 6 месяцев назад
Are all the github copilot alternatives gated behind a wallet ?
@simpingsyndrome
@simpingsyndrome 6 месяцев назад
BiomeJS is a replacement for Eslint and Prettier(Web Dev)
@Andris_Briedis
@Andris_Briedis 6 месяцев назад
One of the very, very convenient things about PhpStorm is - no saving. More precisely, autosave. I forgot about ctrl + s. And if I have to work in some other environment, it is immediately painful. At first it was unusual. But now it is so organic that it is not understandable how it could be otherwise. And as long as you haven't closed the IDE, ctrl + z works. Plus there's always git reset. Maybe VS also has something like that.
@VforVanish
@VforVanish 6 месяцев назад
Looking buff!
@linuxon-s3f
@linuxon-s3f 6 месяцев назад
sir, which theme do you use?
@renehoxha6393
@renehoxha6393 6 месяцев назад
What do you think about devin
@KamalJyotwal10
@KamalJyotwal10 6 месяцев назад
looking so slim
@LeoMcPherson-uv5qm
@LeoMcPherson-uv5qm 6 месяцев назад
i've got a challenge, try building an i-message clone with complete features
@yodkwtf
@yodkwtf 6 месяцев назад
what vscode theme is this?
@programmingintrouble
@programmingintrouble 6 месяцев назад
neovim and lunar vim ?
@hashimabbas2508
@hashimabbas2508 6 месяцев назад
The OG ❤
@alman_harbi
@alman_harbi 6 месяцев назад
Brad, barely recognised you😮
@danishimwe278
@danishimwe278 6 месяцев назад
live share for remote share and collaboration
@ThompsonDylan
@ThompsonDylan 2 дня назад
514 Breana Valleys
@MohamedAwais-y3l
@MohamedAwais-y3l 6 месяцев назад
Multiple Cursor Case Preserve (new to me) Git History (always ignored, not again) Console Ninja (new to me) RegEx Snippets (new to me) REST Client (always ignored, not again)
@cyc00000
@cyc00000 6 месяцев назад
I have found Phind to be far more useful than Copilot. I use both, but probably phind 80% copilot 20% of the time. They're both good, however phind is better.
@somerandomdude-hoyeaaaaa
@somerandomdude-hoyeaaaaa 6 месяцев назад
I use neovim btw 😂
@hpn1427
@hpn1427 6 месяцев назад
Where did your cheeks go? :) Looking good!
Далее
12 VS Code Extensions to INCREASE Productivity 2024
27:13
25 VS Code Productivity Tips and Speed Hacks
11:35
Просмотров 2,3 млн
+1000 Aura For This Save! 🥵
00:19
Просмотров 4,1 млн
The Importance of Specialization in Coding
7:13
Просмотров 231 тыс.
Stop Worrying About AI!
6:40
Просмотров 50 тыс.
10 Must-have VS Code Extensions for Angular Developers
3:41
20 Browser Extensions For Web Design & Development
14:27
The Best VSCode Extensions 2024
9:29
Просмотров 343 тыс.
VS Code Is Fighting Back (RIP Cursor?)
16:12
Просмотров 153 тыс.
I tried 10 code editors
10:28
Просмотров 3 млн
Top 6 Tools to Turn Code into Beautiful Diagrams
3:24
Просмотров 660 тыс.
My Favorite VS Code Extensions
20:03
Просмотров 658 тыс.