10 VS Code Extensions That Will Change the Way You Work

Поделиться
HTML-код
  • Опубликовано: 27 дек 2024

Комментарии • 147

  • @lundeveloper
    @lundeveloper  2 месяца назад +17

    How many extensions are you using in this list? I'm 10/10 😁

    • @legendX099
      @legendX099 2 месяца назад

      10 out of 10

    • @legendX099
      @legendX099 2 месяца назад +2

      how to sell website video as 14 year old kid can sell a I also tried as you told me please make it just for me
      please 🙏🙏🙏🙏🙏

    • @alexcostal3749
      @alexcostal3749 2 месяца назад

      9

    • @Farsan-rg9sx
      @Farsan-rg9sx Месяц назад

      5

  • @lundeveloper
    @lundeveloper  2 месяца назад +22

    Themes are not mentioned in this video because they don't actually make code faster or perform better

    • @newdocument4505
      @newdocument4505 2 месяца назад

      this is nice man it deserves a part 2 and what do you use to color the nested functions different color

    • @lundeveloper
      @lundeveloper  2 месяца назад +2

      @@newdocument4505 Im using Custom CSS and Js Loader Extension, this extension allows custom design color in VS Code

    • @vishwaravi45
      @vishwaravi45 2 месяца назад +1

      ​@@lundeveloper Can you Share your VS code theme CSS code.

    • @freakfreak786
      @freakfreak786 Месяц назад

      @@lundeveloper can we see it?

  • @Strammeiche
    @Strammeiche 2 месяца назад +1

    Probably the best list with actual useful addons I've seen so far.
    Also well made!

  • @user-zj6iz1rl8d
    @user-zj6iz1rl8d 2 месяца назад +2

    im new to vscode and i have lots of good things about vscode and how its great for extenstion and simple i have seen it and downloaded yet but im soon gonna start my frontend part of my project excited to used so i have downloaded some extententions

  • @dobleuber
    @dobleuber 2 месяца назад +1

    Nice video! I didn't know some of them, thanks!

  • @Даста0
    @Даста0 2 месяца назад +1

    i love ur videos so much, i hope one day i'll be as cool as you!

  • @EmmanuelB
    @EmmanuelB 2 месяца назад +1

    Thanks for CSS Peek and Error Lens, I didn't know these and it will be super helpful.

    • @lundeveloper
      @lundeveloper  2 месяца назад +1

      Great, I'm glad it's useful 😍

  • @sebamarin12
    @sebamarin12 2 месяца назад +3

    Good extensions 🤘
    This channel is growing like crazy
    When I got here, we were at 26k, and today we’re already at 126k 👏

    • @sebamarin12
      @sebamarin12 2 месяца назад

      Currently, I am using this extensions
      - Astro
      - Console ninja
      - Conventional Commits
      - Error Lens
      - ES7 + React
      - ESLint
      - GitLens
      - One Dark Pro
      - Prettier
      - Pretty Typescript Errors
      - Quokka.js
      - SQLite
      - Tailwind CSS intellisense
      - Thunder Client
      - Version Lens

    • @lundeveloper
      @lundeveloper  2 месяца назад +2

      Thank you so much brother 😍😍😍😍

    • @LegendSoul-j7z
      @LegendSoul-j7z Месяц назад

      We❤

  • @PicSta
    @PicSta 2 месяца назад +4

    Hey brother, great list of extensions. I knew some of them but not all and will check them out. Here are my extensions without naming any duplicates: Better Comments, indent-rainbow, Path Intellisense, CodeSnap and Rainbow CSV. The last one is useful if you work with CSV files, like exports in this format. Pretty useful for me.

    • @lundeveloper
      @lundeveloper  2 месяца назад +2

      great, thanks for your contribution 😁

    • @PicSta
      @PicSta 2 месяца назад

      @@lundeveloper Always Hoang.

  • @freakfreak786
    @freakfreak786 Месяц назад +3

    You forgot Codeium. Its a game changer.

  • @fazalmohamed3885
    @fazalmohamed3885 2 месяца назад +8

    Now we have an option called something like linked editing in vs code we can enable that instead of AutoRename tag

    • @lundeveloper
      @lundeveloper  2 месяца назад +2

      Thanks for this comment 😍😍😍

    • @dei8bit
      @dei8bit 2 месяца назад +1

      Yes, but it does not always work well :(
      For example, if you try to type very very fast as soon as you focus on the label You'll notice that he doesn't work

  • @Mr.Aniket1
    @Mr.Aniket1 2 месяца назад +21

    1. Echo API.
    2. CSS Peek.
    3. Error Lens.
    4. Code spell checker.
    5. import Cost .
    6. GitLens - Git Super charged .
    7. Auto Rename Tag.
    8. Live Server .
    9. Bracker Pair Color DLW.
    10. Prettier.

    • @hiteshpanigrahi7717
      @hiteshpanigrahi7717 2 месяца назад +3

      your comment needs prettier extension

    • @Mr.Aniket1
      @Mr.Aniket1 2 месяца назад

      @@hiteshpanigrahi7717 good one 😅👍 , check bro I applied that 😁

    • @Mr.Aniket1
      @Mr.Aniket1 2 месяца назад

      @@hiteshpanigrahi7717 applied 👍✅

    • @yayammm9561
      @yayammm9561 2 месяца назад

      @@hiteshpanigrahi7717 fr

    • @VirendraBG
      @VirendraBG Месяц назад

      @aniketpatil7960
      Please add timestamps too. 👍🏻

  • @Lionel_R21
    @Lionel_R21 2 месяца назад

    You always create great content !

  • @Rudra_Singh_Bhardwaj
    @Rudra_Singh_Bhardwaj 2 месяца назад +1

    this is soo cool thanks!

  • @kafukai
    @kafukai 2 месяца назад +1

    Another good vs-code extension is colorize 🙂

  • @muhammadfahadabid5621
    @muhammadfahadabid5621 2 месяца назад

    That's awesome

  • @azncowman
    @azncowman Месяц назад

    Thanks for this video, subscribed! Could I have your indent-rainbow settings? I really like how it looks

  • @mihajlovicluka
    @mihajlovicluka 2 месяца назад

    Keep going, like ur channel

  • @dontexist7039
    @dontexist7039 2 месяца назад

    Usefull video, friend, thanks! Have you ever planned to record videos about Next js?

    • @lundeveloper
      @lundeveloper  2 месяца назад

      There are currently too many plans, so nextJs will not be planned until 2025 😥

  • @ellyeroms-qy1ym
    @ellyeroms-qy1ym Месяц назад

    I only had 3 extensions but now I am proud to have all 😌😌.
    One of the extensions I use is Console Ninja: useful for inline console logs

    • @lundeveloper
      @lundeveloper  Месяц назад

      @@ellyeroms-qy1ym Thanks bro 😍😍

  • @RajPal-x9o
    @RajPal-x9o 2 месяца назад +1

    Next video on cool js libraries please ❤

    • @lundeveloper
      @lundeveloper  2 месяца назад +1

      The next video is already planned, but I will be working on this topic soon 😍💻

  • @hankakim3267
    @hankakim3267 2 месяца назад

    Waw thank you alot ❤️

  • @Mr.Shashikant
    @Mr.Shashikant 2 месяца назад +4

    I've used auto rename tag, live server and prettier. All are amazing.
    But the auto rename tag is super duper helpful! Thanks for mentioning this extension.

    • @lundeveloper
      @lundeveloper  2 месяца назад +1

      Thanks for watching 😍😍

    • @Mr.Shashikant
      @Mr.Shashikant 2 месяца назад +1

      @@lundeveloper You make very good content 😍

  • @DeveloperJS-w1s
    @DeveloperJS-w1s 2 месяца назад +2

    The first one is helpful for MERN stack developers

    • @lundeveloper
      @lundeveloper  2 месяца назад

      Yes, it is very convenient to work with api

  • @motivate_now108
    @motivate_now108 Месяц назад +1

    can you please tell me how your color change in left side of code ?

  • @sonofdson
    @sonofdson 2 месяца назад

    Thank you so much.

    • @lundeveloper
      @lundeveloper  2 месяца назад

      Thanks for watching 😍😍

  • @amaljose6374
    @amaljose6374 2 месяца назад +1

    There is no need of auto rename tag extension
    Just click on the tag and press f2 . This way we can rename without extension installation
    This can be also used for js variables too

  • @satyeshnmerwade5029
    @satyeshnmerwade5029 Месяц назад +1

    Could you also make a video on Google Chrome extensions?

  • @GHSB7462
    @GHSB7462 2 месяца назад

    Thank you bro

  • @abhi.thakur008
    @abhi.thakur008 Месяц назад +1

    Which thems you use in vs code bro?

  • @devindeed
    @devindeed Месяц назад

    @lunadeveloper How you are getting that rainbow 🌈 line on the top of file names?, I just love it show much but unable to find the way to do it!😅

  • @cggaming4655
    @cggaming4655 2 месяца назад

    Great video

  • @mienislav
    @mienislav Месяц назад +1

    Some of these extensions are no longer required:
    - Bracket Pair Color DLW - why, bro? You have it already embedded onto native VSCode. Just use editor.bracketPairColorization.enabled = true
    - Auto Rename Tag - this might also be unnecessary, unless you're working on other files than HTML/XML since for these two you can also apply native setting

  • @RadiusRadiated
    @RadiusRadiated 2 месяца назад

    Whats the name of the Theme that you use, it looks very convenient also!

  • @MustaPha-s4i
    @MustaPha-s4i 2 месяца назад

    Thanks you so Much

  • @mudyeet_
    @mudyeet_ 2 месяца назад

    What about the indentation coloring? It looks nice!

    • @lundeveloper
      @lundeveloper  2 месяца назад +2

      It is Indent-rainbow Extension

  • @Prilax8
    @Prilax8 2 месяца назад +1

    bro how to create that rainbow line on selected upper file

    • @lundeveloper
      @lundeveloper  2 месяца назад +1

      That's thanks to the Custom CSS and JS Loader extension, it allows us to write our own CSS into VS Code, and that rainbow is because I used CSS to write it myself.

  • @sohanurrahman8858
    @sohanurrahman8858 2 месяца назад

    bro what is the extension on your vs code file looks like a gradient color in the file name top .. example. (app.js on top in gradient color how ) what is the extension plz tell me

    • @lundeveloper
      @lundeveloper  2 месяца назад

      it is extension custom css and js loader, we can edit CSS Vs Code

  • @fxroki
    @fxroki 2 месяца назад +1

    I want to know the extension which give the RGB ber

    • @lundeveloper
      @lundeveloper  2 месяца назад

      Please check description this video brother 😍

    • @fxroki
      @fxroki 2 месяца назад

      could not find​@@lundeveloper

  • @tenzenroth
    @tenzenroth Месяц назад

    Bracket Pair Color DLW not working, I got error "Bracket Pair Color setting was not found"

  • @vudevweb
    @vudevweb Месяц назад

    Mấy cái gạch gạch dưới thẻ img là extension nào vậy anh

  • @narasimmans5418
    @narasimmans5418 2 месяца назад

    5/10 🙌

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh 2 месяца назад +1

    can make video on responsivness ?

  • @anthonymaacaron2313
    @anthonymaacaron2313 2 месяца назад

    Thankss

  • @NomanAli-xl7pl
    @NomanAli-xl7pl 2 месяца назад

    You good bro

  • @morosenpi
    @morosenpi 2 месяца назад +1

    i need Extensions that you have , colors between the divs , i hope you understand me

    • @fredhydesignstudio
      @fredhydesignstudio 2 месяца назад

      "Evondev" Indent Rainbow Palettes . Its similar.

  • @Raiyandev
    @Raiyandev 2 месяца назад +1

    What ai voice do you use please tell

  • @gdm_music
    @gdm_music Месяц назад

    bro, most of them are quite known and even replaced by in built functinalities in recent updates of vs code, i only found import cost to be a new and Usefull one

  • @arogueotaku
    @arogueotaku 2 месяца назад

    Wait, isn't auto rename tag built into VSCode? I'm quiet sure there is not need for the extension anymore.

  • @raoufbakhti7786
    @raoufbakhti7786 2 месяца назад

    what do you thing about "midnight prism" theme

    • @lundeveloper
      @lundeveloper  2 месяца назад

      You are the creator of this theme? good job, congratulations, beautiful ❤️

    • @raoufbakhti7786
      @raoufbakhti7786 2 месяца назад

      @@lundeveloper yes

  • @Strammeiche
    @Strammeiche 2 месяца назад

    I think Auto rename tag can be done via settings.

  • @athulps4374
    @athulps4374 2 месяца назад

    0:21 Is it better than POSTMAN?

    • @WonderWave-v5l
      @WonderWave-v5l 2 месяца назад +2

      No restrictions and better visualization than PM.

    • @athulps4374
      @athulps4374 2 месяца назад

      Thanks for the information 👍🏻

  • @Rahul-fs5wb
    @Rahul-fs5wb 2 месяца назад

    ImportCast was great

  • @rogerramjet69
    @rogerramjet69 2 месяца назад

    echo api doesnt work in remote development which makes it a no go

  • @Geo-en6rx
    @Geo-en6rx 2 месяца назад

    Bro please, where do you take the resources for the graphics like the thumbnail?

  • @MarcE-n9b
    @MarcE-n9b 2 месяца назад

    🔥🔥🔥

  • @ulsezer
    @ulsezer 2 месяца назад

    it'll be peice of cake😂

  • @pixiedev
    @pixiedev 2 месяца назад

    try Mili theme for vscode

  • @felixgraphx
    @felixgraphx 2 месяца назад

    Bracket pair coloriser and tag matcher are irrelevant because already made into vscode natively.

    • @lundeveloper
      @lundeveloper  2 месяца назад

      Thanks for comment brother 😍

  • @codingwithjoe
    @codingwithjoe 2 месяца назад +1

    do you teach online?

    • @codingwithjoe
      @codingwithjoe 2 месяца назад

      Do you have any courses I can take part in ?

  • @vencoheira1228
    @vencoheira1228 2 месяца назад

    What's tour color theme G ?

    • @lundeveloper
      @lundeveloper  2 месяца назад +1

      This is a theme I customized, you can find a video about it in the description

    • @vencoheira1228
      @vencoheira1228 2 месяца назад

      @@lundeveloper Ahhh thanks thats something i was looking for

  • @rubyciide5542
    @rubyciide5542 2 месяца назад

    Any extension that will help.me to stop working?

  • @minecraftjohn727
    @minecraftjohn727 2 месяца назад

    The auto rename tag was unnecessary, VSCode already has one just goto settings. I wonder why people don't know about it?

  • @beautifulworld3430
    @beautifulworld3430 2 месяца назад

    EchoAPI 🎉

  • @AdarashaGaihre
    @AdarashaGaihre 2 месяца назад

    waittt that's the theme or extension that's making those colors

    • @lundeveloper
      @lundeveloper  2 месяца назад +2

      It's dracula theme but I have costumed it, you will find the instructions in the description of this video

    • @AdarashaGaihre
      @AdarashaGaihre 2 месяца назад

      @@lundeveloper ummm description where ?? 😅
      I also found that you were using indent rainbow after watching 10+ more vdo on yt ☠

    • @lundeveloper
      @lundeveloper  2 месяца назад

      @@AdarashaGaihre Yes I using indent rainbow, indent rainbow allows us to edit colors to our liking

  • @codes-html-css-javascript
    @codes-html-css-javascript 2 месяца назад

    One more video on gsap

  • @cggaming4655
    @cggaming4655 2 месяца назад

    Can you make a stopwatch

    • @lundeveloper
      @lundeveloper  2 месяца назад

      Looks like there's already a video about it, please go to my page and check it out

  • @Manish___Choudhary
    @Manish___Choudhary 2 месяца назад

    Theme?

    • @lundeveloper
      @lundeveloper  2 месяца назад

      This video only covers extensions that help save time and increase productivity, so themes will not be mentioned

  • @toxiciq2664
    @toxiciq2664 2 месяца назад

    mr beast voice gone?

  • @jagdishpatil2656
    @jagdishpatil2656 2 месяца назад

    tabenine

  • @stephanjess9463
    @stephanjess9463 2 месяца назад

    first

  • @desmondqoza123
    @desmondqoza123 26 дней назад

    Hi @lundeveloper.. I’m getting this MIME error in VSCode - I can’t use external CSS to style my elements, I have to use styles in HTML file. This problem just started recently - I get this error message in the console
    Refused to apply style from '127.0.0.1:5500/website/display/style.css' because
    its MIME type ('text/html') is not a supported stylesheet MIME type, and strict
    MIME checking is enabled.
    Can you please help me. Thank you in advance

  • @Anime_Manias
    @Anime_Manias 2 месяца назад

    Amazing video