Best VSCode extensions in 2023

Поделиться
HTML-код
  • Опубликовано: 15 июл 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 Год назад

    Added a few more extensions. Thanks!

  • @OleksandrBorysenko333
    @OleksandrBorysenko333 11 месяцев назад

    Nice extensions🔥I have caught interesting things!

  • @juanpasten6077
    @juanpasten6077 Год назад +1

    Thanks for create and share!

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

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

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

  • @tarakgandhi
    @tarakgandhi Год назад

    Very good budy, thanks a lot

  • @ZionSamAdebayo
    @ZionSamAdebayo 10 месяцев назад

    This helped me a lot.

  • @himanshushekharsahoo6656
    @himanshushekharsahoo6656 Год назад +3

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

  • @nguyenhieu7633
    @nguyenhieu7633 Год назад +2

    This is great.

  • @Rensbril
    @Rensbril Год назад +5

    Cool video! Thank you. Subbed!

  • @qodesmith520
    @qodesmith520 Год назад +3

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

  • @maxdzyubak
    @maxdzyubak Год назад

    Thanks for this video!

  • @michaelgibbons7014
    @michaelgibbons7014 Год назад +1

    Great list thanks

  • @AngelHdzMultimedia
    @AngelHdzMultimedia Год назад

    Thanks!

  • @Reiky02
    @Reiky02 Год назад

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

  • @Soulis98
    @Soulis98 Год назад +2

    Ty!

  • @rachidb9624
    @rachidb9624 Год назад +2

    Thank you very much !

  • @DerberAlter
    @DerberAlter Год назад +1

    awesome. thanks!

  • @rutpshah
    @rutpshah Год назад +1

    Good Efforts!

  • @codeme8016
    @codeme8016 Год назад

    Great video thanks!

  • @siavashdeli
    @siavashdeli Год назад +1

    great video

  • @SonAyoD
    @SonAyoD Год назад +2

    great video, found some gems!

  • @jaal9761
    @jaal9761 Год назад +1

    top vscode extension - IntelliJ IDEA

  • @suvrotica
    @suvrotica Год назад +1

    ❤ it

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

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

  • @Adeel-nf7gz
    @Adeel-nf7gz Год назад

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

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

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

  • @shadz-dev
    @shadz-dev 4 месяца назад

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

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

  • @jianliu-rs8pw
    @jianliu-rs8pw Год назад +1

    Hi, what font do you use for the editor?

  • @SilviuIT-tn3dn
    @SilviuIT-tn3dn 11 месяцев назад

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

  • @sispilacopa
    @sispilacopa Год назад

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

  • @hoangphuc9675
    @hoangphuc9675 Год назад

    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?

  • @theplaintech
    @theplaintech 5 месяцев назад

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

  • @Fojony1985
    @Fojony1985 Год назад

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

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

  • @souvikhalder1510
    @souvikhalder1510 Год назад +2

    Which theme are you using?

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

      it's called debugging

  • @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 Год назад

      And I want to know...

  • @Sports-Made
    @Sports-Made Год назад +1

    Which font are u using?

  • @darkflame9767
    @darkflame9767 Год назад

    Nice1

  • @darkflame9767
    @darkflame9767 Год назад +1

    Nice2

  • @leo3464
    @leo3464 11 месяцев назад

    Path intellisense, polacode, vscode icons, guthub theme

  • @cesaryasus5319
    @cesaryasus5319 4 месяца назад

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

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

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

  • @Jhantu464
    @Jhantu464 Год назад

    Where I can find your cursor style?

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

    which theme are you using?

  • @rahuldsouza1985
    @rahuldsouza1985 6 месяцев назад

    I use base 16 theme Dark colour

  • @mcoria74
    @mcoria74 4 месяца назад

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

  • @StupidusMaximusTheFirst
    @StupidusMaximusTheFirst Год назад +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

    • @StupidusMaximusTheFirst
      @StupidusMaximusTheFirst Год назад +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

  • @R4GEFORME
    @R4GEFORME Год назад

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

  • @PatrickSteil
    @PatrickSteil Год назад

    What about CoPilot?? :)

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

  • @bharath2508
    @bharath2508 Год назад

    Vs code extension guide, plz give a pdf version too

  • @ajaymauryabbn
    @ajaymauryabbn Год назад

    Github Copilot : Hold My Beer

  • @angelavila4578
    @angelavila4578 Год назад +1

    Where were you when I was looking for grammar mistakes 🤧

  • @drewgoodwin9631
    @drewgoodwin9631 Год назад +1

    TypeScript Hero now deprecated.

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

  • @StefanoV827
    @StefanoV827 Год назад

    I would add "folder templates"

    • @dev.channel
      @dev.channel  Год назад +1

      I will check it. Thanks for letting me know

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

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

  • @lesssass4478
    @lesssass4478 Год назад

    How to change the style and color of the cursor #VS Code
    ruclips.net/video/8r_iRuusTgE/видео.html

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

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

  • @CyberAngel67
    @CyberAngel67 9 месяцев назад

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

  • @SpongeAndLeo
    @SpongeAndLeo Год назад

    No copilot? Mksy

  • @loudcoringa5935
    @loudcoringa5935 Год назад +1

    Bro my PC has only 8GB RAM 💀💀

  • @sinamalakzadeh4843
    @sinamalakzadeh4843 Год назад

    your accent similar to Persian.
    Are you Persian?

  • @poriyahamzehzadeh774
    @poriyahamzehzadeh774 Год назад

    i guess you’re from iran

  • @mraloush8959
    @mraloush8959 Год назад +2

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

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

  • @rakeshkumarparida98
    @rakeshkumarparida98 Год назад

    Which font you are using in this video?

  • @111ramico
    @111ramico Год назад +1

    Package manager is a relieve

  • @AngelHdzMultimedia
    @AngelHdzMultimedia Год назад

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