Best VSCode extensions in 2023
Ғылым және технология
Best Visual Studio Code extensions I use on daily basis for my JavaScript, Node.js, and TypeScript development
Comparing ksuid, uuid, and nanoid: • Best random and unique...
Demo code: github.com/mohokh67/random-id...
Chapters:
0:00 - Intro
0:44 - Auto open markdown
1:15 - Better Comments
1:41 - Code Spell checker
2:48 - colorize
3:19 - Docker
3:32 - Eslint
3:51 - Explorer Exclude
4:58 - Git blame, Git History
5:30 - GitHub Theme
5:44 - Git Lens
6:33 - Import cost
7:32 - Indent rainbow
8:11 - Intelicode and Intelicode API usage
8:56 - Makefile tools
9:15 - Markdown Preview Enhanced
9:36 - Output colorizer
9:55 - Path Intellisense
10:04 - Peacock
11:13 - Peacock theme
11:23 - Polacode
11:49 - Powershell
12:05 - Prettier
12:15 - Project Manager
12:45 - Shell format
13:09 - TODO highlight
13:34 - Todo tree
14:10 - Turbo Console Log
14:59 - Typescript Hero
15:30 - vscode-icons
15:45 - Wireit
16:00 - YAML
Пікірлер: 134
Cheers for the great video, flew through it at 2x speed and picked up a few things to make my life easier, like Color Output and Shell Format. Thank you
Added a few more extensions. Thanks!
Rainbow CSV / Bookmarks / CMake Tools / Format Files / Git Graph / Markdown PDF. I didn't know Project Manager, it is awesome!
Nice extensions🔥I have caught interesting things!
Amazing video, I'm really neurotic adding useful addons to everythinng I could, and added it like the 99% of your mentions! Amazing content 🔥
@dev.channel
Жыл бұрын
Awesome, thank you!
@fluktuition
Жыл бұрын
@@dev.channel Hi, the Markdown Preview Enhanced extension has a setting to make the preview appear automatically. Didn't know about those addons before !
of all the videos out there this was most helpful straight to the point and not like a top 5
@dev.channel
Жыл бұрын
Thank for your comment and kind words. I’m happy they could help
I discovered a few new things with your video, thanks. Is the profile switcher below the settings button? How can you achieve that, make it a separated button?
Thanks for create and share!
Hi, what font do you use for the editor?
Omg, Project Manager - where has this been all my VSCode life!
Great video ! thanks for making my life easier 😄
@dev.channel
Жыл бұрын
Happy to help!
whats the theme and font u used in this video can you tell that?
Which extension adds the import / from / as.... cursive font?
what is the extension on your sidebar, below the powershell icon?
Please what font in VSC do you use, i also want to italicize the imports and other stuff on my vsc, please tell me how to do that. Thanks for the great content
How can I color just one tag and make it become a clearly visible note?
Hi,what VSC theme and editor font used in this video?
Cool video! Thank you. Subbed!
@dev.channel
Жыл бұрын
Thanks for the sub!
Which theme are you using?
Which font are u using?
I really liked it a lot thanks for it !!!
@dev.channel
Жыл бұрын
I'm glad you like it
Somebody knows to highlight unused code or this feature depends of the theme? Regards in advance.
What does "Test Failing" mean? I get it for such things as Colorize in the details.
Very good budy, thanks a lot
@04:20 when i right-click on any file i don't have the "Add to Hidden Items..." option. Any suggestion to make it work? LateEdit: solved with a VS code restart.
3:51 - Explorer Exclude how to show back those files :D ?
This helped me a lot.
Where I can find your cursor style?
which theme are you using?
This is great.
Hi MoHo! Is there any value into having Git Blame while GitLens can be configured to do the same?
@dev.channel
Жыл бұрын
I found it smaller and more comfy... But I get your point too
Ty!
Really interesting stuff. Do you think it would be better if they were more organized like in specific category?
@dev.channel
Жыл бұрын
Thanks for the comment. I will bare this in mind for the next round
@JustinMacri007
Жыл бұрын
@@dev.channelI wish I had a freind that can show me programming
Thank you very much !
@dev.channel
Жыл бұрын
You are welcome!
Thanks for this video!
@dev.channel
Жыл бұрын
Glad it was helpful!
The Atom text editor has an extension called "Hydrogen" that allows users to run Python scripts line by line by pressing Command + Enter. Are there any other IDEs that have this feature?
@karis7539
11 ай бұрын
it's called debugging
Great list thanks
@dev.channel
Жыл бұрын
Thanks for watching!
This is a very useful video. However, instead of bundling so many plugins into a single video, it might be more beneficial to divide them across three or four categorized videos. The current video felt quite condensed and fast-paced. Aside from that, the content is excellent!
I've discovered interesting things, thank you :).
@dev.channel
Жыл бұрын
Glad to hear that!
Which font you are using in this video?
Thanks!
awesome. thanks!
@dev.channel
Жыл бұрын
You're welcome!
Good Efforts!
@dev.channel
Жыл бұрын
🤝
What about CoPilot?? :)
Hi, what VSC theme and editor font used in this video? If you have config, i would like to see it!
@caffeinecat5194
Жыл бұрын
the theme he used in this workspace is Github theme--gtihub dark default
@Fojony1985
Жыл бұрын
And I want to know...
Great video thanks!
@dev.channel
Жыл бұрын
Glad you liked it!
@mustaphadiallo2134
Жыл бұрын
VALIDES
Try Attentio theme , custom made it and has awesome token colors.
Git Blame now only shows in the status bar, not in the line itself
top vscode extension - IntelliJ IDEA
great video
@dev.channel
Жыл бұрын
Glad you enjoyed it
love peacock for a person like me who has always 3-4 projects open at the same time.
Just tried to install typescript-hero and it is already deprecated
@ogrodev
Жыл бұрын
You can do ' ALT + SHIFT + O ' (windows) and VSCode will do what TS-hero was doing. You just don't need the extension anymore
great video, found some gems!
@dev.channel
Жыл бұрын
Glad you enjoyed!
TypeScript Hero now deprecated.
Sooo many extensions we dont need because their functions are integrated in vs code easily, and others that repeats the same function, TODOs extensions repeated, pair colorized not needed, files excludes not needed, peacock not needed, BIG ETC.
❤ it
Vs code extension guide, plz give a pdf version too
Bro I have 83 extension 😐 It's mainly because I'm a cs student and I'm learning so I have to have extensions for everything. Java, Js, python, cpp, html, css, vue, nuxt. And a lot more + other extensions
@dev.channel
Жыл бұрын
Keep it up
@skratymir
Жыл бұрын
In VSCode 1.75 (the current version) Profiles have been introduced. You can set up profiles for the different languages (e.g. one for python, one for cpp etc.). These profiles save all your extensions and custom settings, so switching profiles also switched out your extensions. This way, you can have the python extensions in your python profile and the cpp extensions in your cpp profile, drasticly decreasing the amount of resources VSCode uses.
感谢分享
@dev.channel
Жыл бұрын
Glad it helped. With the help of Google Translate
@Richard-mh4pr
Жыл бұрын
@@dev.channel yes yes
also, new version of vscode got lots of bugs in it. and most etensions are not working very well.
@dev.channel
Жыл бұрын
I think there was bug but now it should be resolved
How about an extension to print? Its amazing to me that vscode cannot PRINT.
@crusaderman6501
Жыл бұрын
There's an extension for vscode called "Print" I've tested it and it actually works
Path intellisense, polacode, vscode icons, guthub theme
Super! How about extionsions for Rust?
@dev.channel
Жыл бұрын
Hopefully soon
Where were you when I was looking for grammar mistakes 🤧
How to change the style and color of the cursor #VS Code kzread.info/dash/bejne/aqaTy7Supda6l6g.html
I use base 16 theme Dark colour
you missed my extension... "dark-unicorn-cream". a new color theme for the modern, sophisticated degenerate
@schantin
Жыл бұрын
Does not work for me
@juanpasten6077
Жыл бұрын
Doesn't work for me neither
@beatsbycf
Жыл бұрын
Unicorn cream 💀
@Xedualc
Жыл бұрын
It's actually pretty good.
@zackadam2598
Жыл бұрын
@@Xedualc thank you! I made it with ❤️ (and tried to keep closely-connected components of code complimentary, so things are easily separated.
VSCode is not an IDE, on their website it is clearly labelled as a Code Editor!
Nice1
@dev.channel
Жыл бұрын
Thanks
Nice2
Github Copilot : Hold My Beer
I would add "folder templates"
@dev.channel
Жыл бұрын
I will check it. Thanks for letting me know
No copilot? Mksy
@dev.channel
Жыл бұрын
It's not free
Bro my PC has only 8GB RAM 💀💀
@choripanconqueso6844
Жыл бұрын
XDDDDDDD
your accent similar to Persian. Are you Persian?
@dev.channel
Жыл бұрын
Yes I am Persian
maybe explain what the extension does instead of assuming we know what it does. disliked
i guess you’re from iran
@dev.channel
Жыл бұрын
Correct
January just ended, so to call it "the most popular ide in 2023" is a straight lie..
git lens already include the function of git blame and git history, you bloat us with so much extenstion and no real use case :>
@schantin
Жыл бұрын
For Git I recommend Git Graph.
@juanpasten6077
Жыл бұрын
Thanks so much. That save me from use three extensions. Thanks!
vs code isn't ide.
@NostraDavid2
Жыл бұрын
We need a new term for what vscode is. I like what TJ DeVries calls Neovim: Personalized Development Environment (PDE)
Some really good extensions there. Btw you don't need Explorer Exclude, as you can do the same from VSCode settings.
@dev.channel
Жыл бұрын
You are right. However with this extension you can hide items per project. Otherwise you are right
@StupidusMaximusTheFirst
Жыл бұрын
@@dev.channel I thought I'd mention it... sometimes there are extensions that duplicate functionality, like auto-close-tag, etc. and I personally will remove an extension when I can do the same thing in settings. I already installed some of your extensions, like the shell-format (and removed my previous installed dotENV as your extension covers this and more). The Todo-tree is also a very good extension that includes the functionality of Todo-highlight, so yeah, I removed this too. I just love to remove duplicates. 🙂
@thomaslupin
Жыл бұрын
@@dev.channel you can hide folders per projects too, with vscode settings
Package manager is a relieve
2023: -Typescript hero deprecated 😢 - Indent Rainbow not needed. editor.guides.bracketPairs to true,