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

  • @oizik
    @oizik Жыл бұрын

    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

  • @bassam.2023
    @bassam.2023 Жыл бұрын

    Added a few more extensions. Thanks!

  • @brunorcabral
    @brunorcabral Жыл бұрын

    Rainbow CSV / Bookmarks / CMake Tools / Format Files / Git Graph / Markdown PDF. I didn't know Project Manager, it is awesome!

  • @OleksandrBorysenko333
    @OleksandrBorysenko33311 ай бұрын

    Nice extensions🔥I have caught interesting things!

  • @Juanescacha
    @Juanescacha Жыл бұрын

    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

    @dev.channel

    Жыл бұрын

    Awesome, thank you!

  • @fluktuition

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

  • @waynefilmalter
    @waynefilmalter Жыл бұрын

    of all the videos out there this was most helpful straight to the point and not like a top 5

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Thank for your comment and kind words. I’m happy they could help

  • @miguelangelgaray7682
    @miguelangelgaray7682 Жыл бұрын

    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?

  • @juanpasten6077
    @juanpasten6077 Жыл бұрын

    Thanks for create and share!

  • @jianliu-rs8pw
    @jianliu-rs8pw Жыл бұрын

    Hi, what font do you use for the editor?

  • @qodesmith520
    @qodesmith520 Жыл бұрын

    Omg, Project Manager - where has this been all my VSCode life!

  • @aminela1894
    @aminela1894 Жыл бұрын

    Great video ! thanks for making my life easier 😄

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Happy to help!

  • @outplays_3
    @outplays_3 Жыл бұрын

    whats the theme and font u used in this video can you tell that?

  • @sispilacopa
    @sispilacopa Жыл бұрын

    Which extension adds the import / from / as.... cursive font?

  • @hoangphuc9675
    @hoangphuc9675 Жыл бұрын

    what is the extension on your sidebar, below the powershell icon?

  • @sohamparikh7283
    @sohamparikh72835 ай бұрын

    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

  • @cesaryasus5319
    @cesaryasus53194 ай бұрын

    How can I color just one tag and make it become a clearly visible note?

  • @Fojony1985
    @Fojony1985 Жыл бұрын

    Hi,what VSC theme and editor font used in this video?

  • @Rensbril
    @Rensbril Жыл бұрын

    Cool video! Thank you. Subbed!

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Thanks for the sub!

  • @souvikhalder1510
    @souvikhalder1510 Жыл бұрын

    Which theme are you using?

  • @Sports-Made
    @Sports-Made Жыл бұрын

    Which font are u using?

  • @himanshushekharsahoo6656
    @himanshushekharsahoo6656 Жыл бұрын

    I really liked it a lot thanks for it !!!

  • @dev.channel

    @dev.channel

    Жыл бұрын

    I'm glad you like it

  • @mcoria74
    @mcoria745 ай бұрын

    Somebody knows to highlight unused code or this feature depends of the theme? Regards in advance.

  • @theplaintech
    @theplaintech6 ай бұрын

    What does "Test Failing" mean? I get it for such things as Colorize in the details.

  • @tarakgandhi
    @tarakgandhi Жыл бұрын

    Very good budy, thanks a lot

  • @SilviuIT-tn3dn
    @SilviuIT-tn3dn11 ай бұрын

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

  • @tomaszkula9077
    @tomaszkula90778 ай бұрын

    3:51 - Explorer Exclude how to show back those files :D ?

  • @ZionSamAdebayo
    @ZionSamAdebayo11 ай бұрын

    This helped me a lot.

  • @Jhantu464
    @Jhantu464 Жыл бұрын

    Where I can find your cursor style?

  • @shahmeersohail3221
    @shahmeersohail32218 ай бұрын

    which theme are you using?

  • @nguyenhieu7633
    @nguyenhieu7633 Жыл бұрын

    This is great.

  • @phaberest_
    @phaberest_ Жыл бұрын

    Hi MoHo! Is there any value into having Git Blame while GitLens can be configured to do the same?

  • @dev.channel

    @dev.channel

    Жыл бұрын

    I found it smaller and more comfy... But I get your point too

  • @Soulis98
    @Soulis98 Жыл бұрын

    Ty!

  • @rezashafie6725
    @rezashafie6725 Жыл бұрын

    Really interesting stuff. Do you think it would be better if they were more organized like in specific category?

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Thanks for the comment. I will bare this in mind for the next round

  • @JustinMacri007

    @JustinMacri007

    Жыл бұрын

    @@dev.channelI wish I had a freind that can show me programming

  • @rachidb9624
    @rachidb9624 Жыл бұрын

    Thank you very much !

  • @dev.channel

    @dev.channel

    Жыл бұрын

    You are welcome!

  • @maxdzyubak
    @maxdzyubak Жыл бұрын

    Thanks for this video!

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Glad it was helpful!

  • @tianchu9133
    @tianchu9133 Жыл бұрын

    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

    @karis7539

    11 ай бұрын

    it's called debugging

  • @michaelgibbons7014
    @michaelgibbons7014 Жыл бұрын

    Great list thanks

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Thanks for watching!

  • @ragus1416
    @ragus1416 Жыл бұрын

    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!

  • @Reiky02
    @Reiky02 Жыл бұрын

    I've discovered interesting things, thank you :).

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Glad to hear that!

  • @rakeshkumarparida98
    @rakeshkumarparida98 Жыл бұрын

    Which font you are using in this video?

  • @AngelHdzMultimedia
    @AngelHdzMultimedia Жыл бұрын

    Thanks!

  • @DerberAlter
    @DerberAlter Жыл бұрын

    awesome. thanks!

  • @dev.channel

    @dev.channel

    Жыл бұрын

    You're welcome!

  • @rutpshah
    @rutpshah Жыл бұрын

    Good Efforts!

  • @dev.channel

    @dev.channel

    Жыл бұрын

    🤝

  • @PatrickSteil
    @PatrickSteil Жыл бұрын

    What about CoPilot?? :)

  • @saphirepi
    @saphirepi Жыл бұрын

    Hi, what VSC theme and editor font used in this video? If you have config, i would like to see it!

  • @caffeinecat5194

    @caffeinecat5194

    Жыл бұрын

    the theme he used in this workspace is Github theme--gtihub dark default

  • @Fojony1985

    @Fojony1985

    Жыл бұрын

    And I want to know...

  • @codeme8016
    @codeme8016 Жыл бұрын

    Great video thanks!

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Glad you liked it!

  • @mustaphadiallo2134

    @mustaphadiallo2134

    Жыл бұрын

    VALIDES

  • @shadz-dev
    @shadz-dev5 ай бұрын

    Try Attentio theme , custom made it and has awesome token colors.

  • @R4GEFORME
    @R4GEFORME Жыл бұрын

    Git Blame now only shows in the status bar, not in the line itself

  • @jaal9761
    @jaal9761 Жыл бұрын

    top vscode extension - IntelliJ IDEA

  • @siavashdeli
    @siavashdeli Жыл бұрын

    great video

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Glad you enjoyed it

  • @Adeel-nf7gz
    @Adeel-nf7gz Жыл бұрын

    love peacock for a person like me who has always 3-4 projects open at the same time.

  • @nikelborm
    @nikelborm Жыл бұрын

    Just tried to install typescript-hero and it is already deprecated

  • @ogrodev

    @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

  • @SonAyoD
    @SonAyoD Жыл бұрын

    great video, found some gems!

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Glad you enjoyed!

  • @drewgoodwin9631
    @drewgoodwin9631 Жыл бұрын

    TypeScript Hero now deprecated.

  • @user-ld1ts1mf9b
    @user-ld1ts1mf9b Жыл бұрын

    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.

  • @suvrotica
    @suvrotica Жыл бұрын

    ❤ it

  • @bharath2508
    @bharath2508 Жыл бұрын

    Vs code extension guide, plz give a pdf version too

  • @hxg.1
    @hxg.1 Жыл бұрын

    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

    @dev.channel

    Жыл бұрын

    Keep it up

  • @skratymir

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

  • @Richard-mh4pr
    @Richard-mh4pr Жыл бұрын

    感谢分享

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Glad it helped. With the help of Google Translate

  • @Richard-mh4pr

    @Richard-mh4pr

    Жыл бұрын

    @@dev.channel yes yes

  • @adimardev1550
    @adimardev1550 Жыл бұрын

    also, new version of vscode got lots of bugs in it. and most etensions are not working very well.

  • @dev.channel

    @dev.channel

    Жыл бұрын

    I think there was bug but now it should be resolved

  • @scottfranco1962
    @scottfranco1962 Жыл бұрын

    How about an extension to print? Its amazing to me that vscode cannot PRINT.

  • @crusaderman6501

    @crusaderman6501

    Жыл бұрын

    There's an extension for vscode called "Print" I've tested it and it actually works

  • @leo3464
    @leo3464 Жыл бұрын

    Path intellisense, polacode, vscode icons, guthub theme

  • @meka4996
    @meka4996 Жыл бұрын

    Super! How about extionsions for Rust?

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Hopefully soon

  • @angelavila4578
    @angelavila4578 Жыл бұрын

    Where were you when I was looking for grammar mistakes 🤧

  • @lesssass4478
    @lesssass4478 Жыл бұрын

    How to change the style and color of the cursor #VS Code kzread.info/dash/bejne/aqaTy7Supda6l6g.html

  • @rahuldsouza1985
    @rahuldsouza19857 ай бұрын

    I use base 16 theme Dark colour

  • @zackadam2598
    @zackadam2598 Жыл бұрын

    you missed my extension... "dark-unicorn-cream". a new color theme for the modern, sophisticated degenerate

  • @schantin

    @schantin

    Жыл бұрын

    Does not work for me

  • @juanpasten6077

    @juanpasten6077

    Жыл бұрын

    Doesn't work for me neither

  • @beatsbycf

    @beatsbycf

    Жыл бұрын

    Unicorn cream 💀

  • @Xedualc

    @Xedualc

    Жыл бұрын

    It's actually pretty good.

  • @zackadam2598

    @zackadam2598

    Жыл бұрын

    @@Xedualc thank you! I made it with ❤️ (and tried to keep closely-connected components of code complimentary, so things are easily separated.

  • @CyberAngel67
    @CyberAngel679 ай бұрын

    VSCode is not an IDE, on their website it is clearly labelled as a Code Editor!

  • @darkflame9767
    @darkflame9767 Жыл бұрын

    Nice1

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Thanks

  • @darkflame9767
    @darkflame9767 Жыл бұрын

    Nice2

  • @ajaymauryabbn
    @ajaymauryabbn Жыл бұрын

    Github Copilot : Hold My Beer

  • @StefanoV827
    @StefanoV827 Жыл бұрын

    I would add "folder templates"

  • @dev.channel

    @dev.channel

    Жыл бұрын

    I will check it. Thanks for letting me know

  • @SpongeAndLeo
    @SpongeAndLeo Жыл бұрын

    No copilot? Mksy

  • @dev.channel

    @dev.channel

    Жыл бұрын

    It's not free

  • @loudcoringa5935
    @loudcoringa5935 Жыл бұрын

    Bro my PC has only 8GB RAM 💀💀

  • @choripanconqueso6844

    @choripanconqueso6844

    Жыл бұрын

    XDDDDDDD

  • @sinamalakzadeh4843
    @sinamalakzadeh4843 Жыл бұрын

    your accent similar to Persian. Are you Persian?

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Yes I am Persian

  • @mraloush8959
    @mraloush8959 Жыл бұрын

    maybe explain what the extension does instead of assuming we know what it does. disliked

  • @poriyahamzehzadeh774
    @poriyahamzehzadeh774 Жыл бұрын

    i guess you’re from iran

  • @dev.channel

    @dev.channel

    Жыл бұрын

    Correct

  • @c7ndk
    @c7ndk Жыл бұрын

    January just ended, so to call it "the most popular ide in 2023" is a straight lie..

  • @puppycatuaena4270
    @puppycatuaena4270 Жыл бұрын

    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

    @schantin

    Жыл бұрын

    For Git I recommend Git Graph.

  • @juanpasten6077

    @juanpasten6077

    Жыл бұрын

    Thanks so much. That save me from use three extensions. Thanks!

  • @standleypeter545
    @standleypeter545 Жыл бұрын

    vs code isn't ide.

  • @NostraDavid2

    @NostraDavid2

    Жыл бұрын

    We need a new term for what vscode is. I like what TJ DeVries calls Neovim: Personalized Development Environment (PDE)

  • @StupidusMaximusTheFirst
    @StupidusMaximusTheFirst Жыл бұрын

    Some really good extensions there. Btw you don't need Explorer Exclude, as you can do the same from VSCode settings.

  • @dev.channel

    @dev.channel

    Жыл бұрын

    You are right. However with this extension you can hide items per project. Otherwise you are right

  • @StupidusMaximusTheFirst

    @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

    @thomaslupin

    Жыл бұрын

    @@dev.channel you can hide folders per projects too, with vscode settings

  • @111ramico
    @111ramico Жыл бұрын

    Package manager is a relieve

  • @AngelHdzMultimedia
    @AngelHdzMultimedia Жыл бұрын

    2023: -Typescript hero deprecated 😢 - Indent Rainbow not needed. editor.guides.bracketPairs to true,

Келесі