Best VSCode extensions in 2023

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 มิ.ย. 2024
  • 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 ปีที่แล้ว +1

    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 11 หลายเดือนก่อน

    Added a few more extensions. Thanks!

  • @Juanescacha
    @Juanescacha ปีที่แล้ว +9

    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  ปีที่แล้ว +2

      Awesome, thank you!

    • @fluktuition
      @fluktuition ปีที่แล้ว +1

      @@dev.channel Hi, the Markdown Preview Enhanced extension has a setting to make the preview appear automatically. Didn't know about those addons before !

  • @OleksandrBorysenko333
    @OleksandrBorysenko333 10 หลายเดือนก่อน

    Nice extensions🔥I have caught interesting things!

  • @juanpasten6077
    @juanpasten6077 ปีที่แล้ว +1

    Thanks for create and share!

  • @waynefilmalter
    @waynefilmalter ปีที่แล้ว +1

    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

  • @aminela1894
    @aminela1894 ปีที่แล้ว +5

    Great video ! thanks for making my life easier 😄

  • @brunorcabral
    @brunorcabral ปีที่แล้ว +4

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

  • @Rensbril
    @Rensbril ปีที่แล้ว +5

    Cool video! Thank you. Subbed!

  • @himanshushekharsahoo6656
    @himanshushekharsahoo6656 ปีที่แล้ว +3

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

    • @dev.channel
      @dev.channel  ปีที่แล้ว +1

      I'm glad you like it

  • @tarakgandhi
    @tarakgandhi 11 หลายเดือนก่อน

    Very good budy, thanks a lot

  • @ZionSamAdebayo
    @ZionSamAdebayo 9 หลายเดือนก่อน

    This helped me a lot.

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

  • @qodesmith520
    @qodesmith520 ปีที่แล้ว +3

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

  • @nguyenhieu7633
    @nguyenhieu7633 ปีที่แล้ว +2

    This is great.

  • @rachidb9624
    @rachidb9624 ปีที่แล้ว +2

    Thank you very much !

  • @maxdzyubak
    @maxdzyubak ปีที่แล้ว

    Thanks for this video!

    • @dev.channel
      @dev.channel  ปีที่แล้ว +1

      Glad it was helpful!

  • @Reiky02
    @Reiky02 ปีที่แล้ว

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

  • @michaelgibbons7014
    @michaelgibbons7014 ปีที่แล้ว +1

    Great list thanks

  • @jianliu-rs8pw
    @jianliu-rs8pw ปีที่แล้ว +1

    Hi, what font do you use for the editor?

  • @DoctorSoulis
    @DoctorSoulis ปีที่แล้ว +2

    Ty!

  • @rezashafie6725
    @rezashafie6725 ปีที่แล้ว +8

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

    • @dev.channel
      @dev.channel  ปีที่แล้ว +2

      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

  • @DerberAlter
    @DerberAlter ปีที่แล้ว +1

    awesome. thanks!

  • @phaberest_
    @phaberest_ ปีที่แล้ว +4

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

    • @dev.channel
      @dev.channel  ปีที่แล้ว +1

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

  • @AngelHdzMultimedia
    @AngelHdzMultimedia 11 หลายเดือนก่อน

    Thanks!

  • @sohamparikh7283
    @sohamparikh7283 4 หลายเดือนก่อน

    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

  • @codeme8016
    @codeme8016 ปีที่แล้ว

    Great video thanks!

  • @rutpshah
    @rutpshah ปีที่แล้ว +1

    Good Efforts!

  • @hoangphuc9675
    @hoangphuc9675 11 หลายเดือนก่อน

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

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

  • @siavashdeli
    @siavashdeli ปีที่แล้ว +1

    great video

  • @souvikhalder1510
    @souvikhalder1510 ปีที่แล้ว +2

    Which theme are you using?

  • @SonAyoD
    @SonAyoD ปีที่แล้ว +2

    great video, found some gems!

  • @Sports-Made
    @Sports-Made ปีที่แล้ว +1

    Which font are u using?

  • @Fojony1985
    @Fojony1985 11 หลายเดือนก่อน

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

  • @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 10 หลายเดือนก่อน +4

      it's called debugging

  • @ragus1416
    @ragus1416 ปีที่แล้ว +22

    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!

  • @theplaintech
    @theplaintech 5 หลายเดือนก่อน

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

  • @SilviuIT-tn3dn
    @SilviuIT-tn3dn 10 หลายเดือนก่อน

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

  • @suvrotica
    @suvrotica ปีที่แล้ว +1

    ❤ it

  • @shadz-dev
    @shadz-dev 4 หลายเดือนก่อน

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

  • @cesaryasus5319
    @cesaryasus5319 3 หลายเดือนก่อน

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

  • @shahmeersohail3221
    @shahmeersohail3221 7 หลายเดือนก่อน

    which theme are you using?

  • @saphirepi
    @saphirepi ปีที่แล้ว +3

    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 11 หลายเดือนก่อน

      And I want to know...

  • @Adeel-nf7gz
    @Adeel-nf7gz ปีที่แล้ว

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

  • @jaal9761
    @jaal9761 ปีที่แล้ว +1

    top vscode extension - IntelliJ IDEA

  • @Jhantu464
    @Jhantu464 11 หลายเดือนก่อน

    Where I can find your cursor style?

  • @mcoria74
    @mcoria74 3 หลายเดือนก่อน

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

  • @tomaszkula9077
    @tomaszkula9077 7 หลายเดือนก่อน

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

  • @hxg.1
    @hxg.1 ปีที่แล้ว +3

    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 ปีที่แล้ว +2

      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.

  • @PatrickSteil
    @PatrickSteil ปีที่แล้ว

    What about CoPilot?? :)

  • @giannismentz3570
    @giannismentz3570 ปีที่แล้ว +6

    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  ปีที่แล้ว +3

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

    • @giannismentz3570
      @giannismentz3570 ปีที่แล้ว +1

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

  • @Richard-mh4pr
    @Richard-mh4pr ปีที่แล้ว

    感谢分享

    • @dev.channel
      @dev.channel  ปีที่แล้ว

      Glad it helped. With the help of Google Translate

    • @Richard-mh4pr
      @Richard-mh4pr ปีที่แล้ว +1

      @@dev.channel yes yes

  • @zackadam2598
    @zackadam2598 ปีที่แล้ว +42

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

    • @schantin
      @schantin ปีที่แล้ว +1

      Does not work for me

    • @juanpasten6077
      @juanpasten6077 ปีที่แล้ว +1

      Doesn't work for me neither

    • @beatsbycf
      @beatsbycf ปีที่แล้ว +3

      Unicorn cream 💀

    • @Xedualc
      @Xedualc ปีที่แล้ว +2

      It's actually pretty good.

    • @zackadam2598
      @zackadam2598 ปีที่แล้ว +4

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

  • @meka4996
    @meka4996 ปีที่แล้ว +2

    Super! How about extionsions for Rust?

  • @R4GEFORME
    @R4GEFORME 11 หลายเดือนก่อน

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

  • @user-ec7ne8rn5v
    @user-ec7ne8rn5v ปีที่แล้ว

    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

  • @rahuldsouza1985
    @rahuldsouza1985 5 หลายเดือนก่อน

    I use base 16 theme Dark colour

  • @bharath2508
    @bharath2508 ปีที่แล้ว

    Vs code extension guide, plz give a pdf version too

  • @leo3464
    @leo3464 11 หลายเดือนก่อน

    Path intellisense, polacode, vscode icons, guthub theme

  • @darkflame9767
    @darkflame9767 ปีที่แล้ว

    Nice1

  • @darkflame9767
    @darkflame9767 ปีที่แล้ว +1

    Nice2

  • @user-ld1ts1mf9b
    @user-ld1ts1mf9b ปีที่แล้ว +1

    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.

  • @drewgoodwin9631
    @drewgoodwin9631 ปีที่แล้ว +1

    TypeScript Hero now deprecated.

  • @adimardev1550
    @adimardev1550 ปีที่แล้ว +1

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

    • @dev.channel
      @dev.channel  ปีที่แล้ว +1

      I think there was bug but now it should be resolved

  • @StefanoV827
    @StefanoV827 ปีที่แล้ว

    I would add "folder templates"

    • @dev.channel
      @dev.channel  ปีที่แล้ว +1

      I will check it. Thanks for letting me know

  • @angelavila4578
    @angelavila4578 ปีที่แล้ว +1

    Where were you when I was looking for grammar mistakes 🤧

  • @ajaymauryabbn
    @ajaymauryabbn ปีที่แล้ว

    Github Copilot : Hold My Beer

  • @scottfranco1962
    @scottfranco1962 ปีที่แล้ว +1

    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

  • @sinamalakzadeh4843
    @sinamalakzadeh4843 ปีที่แล้ว

    your accent similar to Persian.
    Are you Persian?

  • @SpongeAndLeo
    @SpongeAndLeo ปีที่แล้ว

    No copilot? Mksy

  • @lesssass4478
    @lesssass4478 11 หลายเดือนก่อน

    How to change the style and color of the cursor #VS Code
    th-cam.com/video/8r_iRuusTgE/w-d-xo.html

  • @CyberAngel67
    @CyberAngel67 8 หลายเดือนก่อน

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

  • @rakeshkumarparida98
    @rakeshkumarparida98 ปีที่แล้ว

    Which font you are using in this video?

  • @loudcoringa5935
    @loudcoringa5935 ปีที่แล้ว +1

    Bro my PC has only 8GB RAM 💀💀

  • @mraloush8959
    @mraloush8959 ปีที่แล้ว +2

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

  • @poriyahamzehzadeh774
    @poriyahamzehzadeh774 ปีที่แล้ว

    i guess you’re from iran

  • @standleypeter545
    @standleypeter545 ปีที่แล้ว +1

    vs code isn't ide.

    • @NostraDavid2
      @NostraDavid2 ปีที่แล้ว +2

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

  • @puppycatuaena4270
    @puppycatuaena4270 ปีที่แล้ว +2

    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!

  • @c7ndk
    @c7ndk ปีที่แล้ว +2

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

  • @111ramico
    @111ramico ปีที่แล้ว +1

    Package manager is a relieve

  • @AngelHdzMultimedia
    @AngelHdzMultimedia 11 หลายเดือนก่อน

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