5 Ways to Customize VS Code

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

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

  • @kanchanraut7073
    @kanchanraut7073 3 года назад +199

    For the cursor animation go to settings and search cursor then set it to expand!

  • @ssh17hx0r
    @ssh17hx0r 4 года назад +3

    This was the first video in a long time that actually had unique settings. It seems like all the other channels regurgitate the same old extensions.

    • @JamesQQuick
      @JamesQQuick  4 года назад

      Haha glad you got something out of it

  • @blandonavera2944
    @blandonavera2944 2 года назад +7

    For me, as a non-natve english speaker, it is sometimes difficult to understand some tutorials, due to incomprehensible pronunciation or heavy dialect. Not so with you.I understand every word. Thanks for that! And your videos are very informative!

    • @JamesQQuick
      @JamesQQuick  2 года назад

      That’s so great to hear ;)

  • @codeSTACKr
    @codeSTACKr 4 года назад +109

    Awesome James! Great tips! Your dog looks comfy :)

    • @JamesQQuick
      @JamesQQuick  4 года назад +20

      Haha she always is!

    • @mohammadabusami7743
      @mohammadabusami7743 4 года назад +1

      @@JamesQQuick please make a vidio "how to customize vs code terminal like you !!"

  • @sergeiivannikov1670
    @sergeiivannikov1670 3 года назад +8

    My eyes say thanks for this color theme. I tried a lot of different themes, they were ok, but this one is a miracle.

  • @w3g619
    @w3g619 3 года назад +13

    The chilling dog on the sofa is so cool!

  • @abdicodes
    @abdicodes 4 года назад +92

    OH MY GOD, THE CREATE NEW FILE CHANGED MY LIFE. NO LONGER DO I NEED TO SUFFER THROUGH THE EXPLORER!!! Thanks James!

    • @JamesQQuick
      @JamesQQuick  4 года назад +6

      Haha I love it!

    • @mohammadabusami7743
      @mohammadabusami7743 4 года назад +4

      ​@@JamesQQuick please make a vidio "how to customize vs code terminal like you !!"

    • @arnoeagleeyes
      @arnoeagleeyes 2 года назад

      Next video: How to disable your caps-lock key in all operating systems ;-))))

  • @shankar7435
    @shankar7435 2 года назад

    Customizing the Advanced New File is most useful ever I found for VS Code customizations. Thanks.

  • @tkimdev
    @tkimdev 4 года назад +46

    Personally I love the "NarutoDark" theme !! :D

    • @slygg
      @slygg 3 года назад +7

      I always use one dark on all my text editors/IDE's

    • @mikethegamedev
      @mikethegamedev 3 года назад

      noice

    • @sairohitht5984
      @sairohitht5984 3 года назад

      Try the theme called Butter it's awesome!!

  • @TimeoutMegagameplays
    @TimeoutMegagameplays 4 года назад +19

    5:53 This extension is GREAT!!! Thank you very much, I wish I had seen your video sooner, as I was just coding a robot in a simulator which restricted the whole program to a file, so navigating the code was a big hassle, it ended up getting over 900 lines long.

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

    Awesome video. Thank u so much, it helped me a lot! So many cool extensions i didnt know they exist

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

    The best background ever! :) The sleeping doggy .... It's dreaming about VS code Keyboard shortcuts

  • @monarch0243
    @monarch0243 4 года назад +26

    Didn't know about the font ligatures! Thank you.
    Also your dog is sleeping so peacefully XD

  • @ssaguiar
    @ssaguiar 3 года назад

    Great video. Loved your dog sleeping on the coach.

  • @jacob.peters
    @jacob.peters 3 года назад +1

    13:04 as someone who has to keep taking red hat certifications, having a vim like experience is super helpful so i dont just forget the basics when i start studying for another one.

  • @nightcoder5k
    @nightcoder5k 3 года назад +2

    You forgot to mention the "Vim" extension, which is the first extension I normally install.

  • @rakeshkumarparida98
    @rakeshkumarparida98 3 года назад +2

    Hey those background lights are awesome 👌

  • @nickcarter7063
    @nickcarter7063 3 года назад +6

    The first theme I switched to was Cobalt 2. It was good initially, but now I prefer Seti Monokai. I also use Cascadia Code for the font. Some other quality of life extensions I use are Bracket Pair Colorizer, to make finding paired brackets easier, and vscode-icons, which makes it easier for me to locate things in the file explorer.

  • @jeffarwady
    @jeffarwady 3 года назад +1

    THANK YOU!! Wish I could LOVE this video.

  • @rayerdyne
    @rayerdyne 4 года назад +9

    If I could give an advice to code faster, it would be:
    "Install Vim extention".
    Vim shortcuts are just insane when you are actually able to use them. (And I don't even claim to master them)

  • @omishahyt
    @omishahyt 3 года назад

    Now I love the GitHub theme.

  • @JCCFlying
    @JCCFlying 2 года назад

    Hey, Great video as i'm just getting started using VSCode. Question, do you know how to remove the line in the middle of the workspace ?

  • @DavidHdezES
    @DavidHdezES 3 года назад

    Font: Monolisa from monolisa.dev
    Theme: Monokai Pro (Filter Spectrum)
    Icons: Bearded Icons
    Bracket Pair Colorizer 2
    VS Code JSON Settings:
    {
    "bracket-pair-colorizer-2.colors": ["#D39E17", "#A15DEF", "#3398DB"],
    "editor.fontFamily": "MonoLisa",
    "editor.lineHeight": 0,
    "editor.fontLigatures": true,
    "editor.fontSize": 12
    ,
    "editor.wordWrap": "on"
    }

  • @mrjmatik5324
    @mrjmatik5324 3 года назад +4

    Synthwave 84 with glow effects is what I’ve been using as my theme latley

  • @Ryussaki
    @Ryussaki 3 года назад

    i hava the same poster from space jam too , good video

  • @RianY2K
    @RianY2K 3 года назад +4

    Thank you for reference. Maybe you can try "Mayukai Theme" for VS Code, and Material Icon Theme. This is best mixed theme for me, and maybe for you too.

  • @amalsarker9511
    @amalsarker9511 3 года назад

    winter is coming that developer is truly game of thrones fan man

  • @zachfenton608
    @zachfenton608 3 года назад

    Awesome tricks to know how to customize visual studio code I'm really impressed

  • @carry_boats
    @carry_boats 29 дней назад

    nice work thanks bud

  • @fredmdfk
    @fredmdfk 3 года назад +1

    Nice tips. I will use some of these extensions and fonts myself.

  • @abbasegbeyemi
    @abbasegbeyemi 3 года назад

    This video just serves to remind me why I use IntelliJ IDEs. Great effort James. Thanks for sharing.

    • @TheBest-sd2qf
      @TheBest-sd2qf 3 года назад +1

      Vs code is not from jetbrains if that what you think..looks a bit like that for sure

  • @tariqmezeik
    @tariqmezeik 3 года назад +1

    Hi, How do you make your cursor animate like this ?

  • @pamelaloyola4824
    @pamelaloyola4824 3 года назад +1

    Someone know what is the font family in the comments on 2:00 minute between line 2 and 6. I'm looking that for weeks but i can't find. Thanks! :)

    • @BreadAndBun
      @BreadAndBun 3 года назад +1

      may be try : Harlow Solid Italic

  • @marianorodriguez3720
    @marianorodriguez3720 3 года назад +14

    OMG I'm gonna install the advanced new file extension right now 👌🏻👌🏻👌🏻
    PD: JetBrains Mono is my favorite font for coding, but I think I'll give Fira Code a try 😅

    • @carabidus
      @carabidus 3 года назад +2

      +1 for JetBrains Mono. Highly readable, nice scaling.

    • @zafaris
      @zafaris 3 года назад +2

      Same! I use Jetbrains Mono and it's awesome 🤩👍🏽

  • @AlexBunardzic
    @AlexBunardzic 2 года назад

    I was expecting so much more from this video. Didn't learn much.

    • @JamesQQuick
      @JamesQQuick  2 года назад

      hmm any specifics you were interested in that didn't find?

    • @AlexBunardzic
      @AlexBunardzic 2 года назад

      @@JamesQQuick Not sure, it's just after watching your exciting video on how to integrate & use Thunder Client in VS Code, I thought this one's gonna be equally exciting.

    • @JamesQQuick
      @JamesQQuick  2 года назад

      @@AlexBunardzic lol fair enough

  • @samarscript5824
    @samarscript5824 3 года назад

    Hey Man???? How do you make your room so cool where you are sitting....?

  • @paulocoelho55
    @paulocoelho55 3 года назад

    Thanks for the vid, James! Do you know how can I get rid of the cursive effect on some keywords when using 'cascadia code'? Thanks

  • @RazerCrick
    @RazerCrick 3 года назад

    the intelliJ keymap is what i was looking for, thanks for this. Awesomeness. Thanks again. really helpfullllll...

  • @StephenRayner
    @StephenRayner 4 года назад +1

    Decent video, do you have one on how to keep your settings / extensions between machines I.e. work and home.

    • @ayushchugh1797
      @ayushchugh1797 3 года назад

      You Can use built-in setting sync to sync your settings shortcuts and everything between devices

  • @b1zzler
    @b1zzler 3 года назад

    cascadia code has been my favorite mono font ever since I saw it in the new windows terminal

  • @webloom7345
    @webloom7345 3 года назад

    Hi James what's your opinion for phpstorm from jetbrain

  • @itzboyon6983
    @itzboyon6983 3 года назад

    I thought your name *James O'Quick*. You were a really quick man! Thanksssssss

  • @barnabaskiss6992
    @barnabaskiss6992 4 года назад +1

    Thank you! You helped a lot!

  • @theoboldalex
    @theoboldalex 4 года назад +3

    I tend to stick to a pretty basic VSCode config with just a few (workflow enhancing) extensions and the default dark colour theme. Saying that, I have been down the .vimrc rabbit hole in the past so stay away from over-optimising my editor config where possible now. It is damn good fun though.

  • @alvirarahman1559
    @alvirarahman1559 3 года назад +1

    I don't know why, but my VSCode doesn't change fonts. at all.

  • @nicetomeetugaming7024
    @nicetomeetugaming7024 2 года назад

    Amazing video sir!

  • @VictorKVarghese
    @VictorKVarghese 3 года назад +1

    Ayu Dark Theme + Cascadia Code + settings from Cobalt2

  • @fachryadhitya9967
    @fachryadhitya9967 3 года назад +2

    Anyone know how to show intellisense for css classname? Lately my vs code not suggest me anything about my class name css :(

  • @russellbaker4256
    @russellbaker4256 3 года назад

    Should you bother about font ligatures? Probably not. Coding in PowerShell with VSCode requires clarity on similar chars: [1l`'oO0]. So 'one', el, backtick, apostrophe, o, cap O, zero. Clearly differentiating between these is a better test of a coding font IMO. Themes are so varied and so personal, I think it's almost pointless to recommend one. There's a lot to keybindings, but a familar keymap extension is a good start. I didn't quite understand the attraction of your new file creation extension & key binding - don't you simply begin a new file (Ctrl + N) and then immediately save it (Ctrl + S) all from the keyboard anyway (ha, I must be missing something)

  • @kailashks901
    @kailashks901 4 года назад +1

    Is it a good practice to use font ligatures? My friend told me that it isn't a good practice to use them.

    • @JamesQQuick
      @JamesQQuick  4 года назад +1

      I personally love them. Sometimes it’s a bit confusing especially for developers that have never seen them before. I’d say that’s the potential downside

    • @kailashks901
      @kailashks901 4 года назад

      @@JamesQQuick Oh.. Thanks for the quick reply.

  • @kvkv4587
    @kvkv4587 2 года назад

    God bless you James

  • @TheNamesJT
    @TheNamesJT 3 года назад

    Can you customize the hover intellisense? cause its so hard to understand sometimes like what can be used inside the () of a method when reading intellisence

  • @sujeetagrahari2292
    @sujeetagrahari2292 4 года назад +5

    I like dark themes, it's bit light. I have Night Owl Dark No Italic one setup.

    • @roopalrastogi.
      @roopalrastogi. 4 года назад

      Sir please tell that every new tab in Visual Studio Code I open it always shows a default language in the down right corner as plain text how to change it so every time I open a new tab it sets itself as Html Programming Language. Please Help I cannot found results on Google🙏🏻🙏🏻.

    • @dawoodaamir6005
      @dawoodaamir6005 3 года назад

      Try Pitch Black, i prefer dark themes too and this one's so good!

  • @sarmadhadi8442
    @sarmadhadi8442 3 года назад

    I like the Night Owl Theme and Fira Code

    • @jiyometrik
      @jiyometrik 3 года назад

      I use JetBrains Mono

  • @marcusgaius
    @marcusgaius 3 года назад

    I generally don't interact with social aspects of YT, but you, good sir, have earned an insta-like and a share.
    Very high quality video. :)

  • @Gameplayer55055
    @Gameplayer55055 3 года назад +2

    These extensions are good, and you helped me a much with some interesting extensions, but vscode has bad thing called performance
    I think i can boost vscode somehow
    Can you tell how?

    • @Gameplayer55055
      @Gameplayer55055 3 года назад +1

      @dev null extensions can seriously slow down performance.
      I wanna know about some profilers if they exist

  • @rudinandrey
    @rudinandrey 3 года назад

    the big big thanks for cascadia font ) it's awesome! and cobalt2 as well thanks a lot!!!!!!

  • @vacation_generation
    @vacation_generation 3 года назад

    An excellent video. Thanks a lot 😀

  • @BringMe_Back
    @BringMe_Back 3 года назад

    That exclusion of file thing helped me a lot ♥️
    Some of mine :
    PrintCode
    Office
    Codeshare

  • @MaxWeir
    @MaxWeir 3 года назад

    Have you had any issues with Git Lens? I have the latest version as of today and a clean install, but my editor lags so much the scrolling a page of code is near impossible, I’ve read online of other users having similar issues, it’s a fantastic plugin but had to disable it to get my editor stable again

    • @JamesQQuick
      @JamesQQuick  3 года назад

      I haven’t had that issue. That really sucks tho!

  • @abdillahihussein9626
    @abdillahihussein9626 3 года назад

    I have changed the phone but my terminal is missed up, how can I stick with the previous setting of the terminal with changing the font of VS

  • @petekhamitbeyli3481
    @petekhamitbeyli3481 4 года назад

    Hi James,
    I finished the quiz app course on Udemy but when I clicked the play button, the browser said to me File Not Found.
    I compare your code even though I run your index.html but the result is the same. What is the problem, could you explain it to me, sir?
    Thanks, Petek.

  • @RainOFrags
    @RainOFrags 4 года назад +1

    how do you make your cursor on the line go up and down like its animated?

    • @JamesQQuick
      @JamesQQuick  4 года назад +1

      Search in settings for cursor

  • @naveenchandran9239
    @naveenchandran9239 2 года назад

    How do I set the default location for the 'Open Folder' option in VS Code?

  • @adicide9070
    @adicide9070 3 года назад

    and that sweet dog is like i aint even here

  • @mohammadjavadaghazadehfard7873
    @mohammadjavadaghazadehfard7873 2 года назад

    Thanks 🙏 Those are very cool ❤

  • @rami2211
    @rami2211 2 года назад

    How to do get the yellow line on the side please or when click on something?

  • @denpulokas592
    @denpulokas592 3 года назад

    thx a lot, very usefull things! Especially Fira code! Awesome=))

  • @nid30
    @nid30 4 года назад

    In the beginning, as you showed us 4 themes, but how do we get to know that so and so named theme actually exists...!? And same goes with fonts as well.. Looking for a resource/solution to it as well.
    Hope you are safe and be happy though the pandemic is still on!! God bless ✌

    • @JamesQQuick
      @JamesQQuick  4 года назад

      I’m not sure what you’re asking. I showed the themes in the list of extensions. You can easily do a search to find and verify them

    • @Blend3rman
      @Blend3rman 4 года назад

      You just Google for "vscode themes" and "monospaced fonts". Lots of top 10 lists out there.

  • @jampicr
    @jampicr 3 года назад

    Hello, very nice video!! thankyou

  • @codegenix6387
    @codegenix6387 3 года назад

    Bro refactor is not showing in my vs code while using flutter. Can you please help me

  • @maicaotri3668
    @maicaotri3668 3 года назад

    Wow the dog behind you is having a nice dream 🤣 although you are talking

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

    what about those lines which appear like inverted 'L'

  • @muhammadrasul1581
    @muhammadrasul1581 4 года назад

    i downloaded cascadia code font and once i apply it in vscode all alone 'cascadia code' it ruins my whole codes to a unpleasant font, plus ur mouse cursor once u leave it somewhere it shines great how can i do it too????

  • @mddilshadalam8561
    @mddilshadalam8561 3 года назад

    I m windows user and I just wanna get rid off of auto close bracket how to pass over that auto close bracket using shortcut will you tell me

  • @CoolScratcher
    @CoolScratcher 4 года назад +8

    The bouncing cursor?

    • @nhnova1452
      @nhnova1452 3 года назад +2

      leaving a comment here to see if anyone knows how to get it...

    • @tldev
      @tldev 3 года назад +2

      @@nhnova1452
      Not sure if you guys have seen a previous comment that mentions this but
      1) go into your settings
      2) search for cursor
      3) look for cursor blinking
      4) set to expand

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

      @@nhnova1452 I’m gonna do the same

  • @meliodas6309
    @meliodas6309 4 года назад +5

    can you tell us how you made the cursor line like its dcreasing and increasing

    • @kailashks901
      @kailashks901 4 года назад +4

      go to settings and search cursor blinking and select expand.

    • @meliodas6309
      @meliodas6309 4 года назад +1

      @@kailashks901 thanks man i just checked it

  • @MadhusudanBhosale
    @MadhusudanBhosale 4 года назад

    Thank you very much!
    Shared it with network..

  • @stefangaco3819
    @stefangaco3819 3 года назад

    i tried enabling font ligatures for cascadia, doesnt really work tho, all other lines i put into json settings work/update as i write them

  • @TheCodebookInc
    @TheCodebookInc 3 года назад

    How did you customise the cursor blinking

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Check your cursor settings in VS Code :)

  • @supermememan5569
    @supermememan5569 3 года назад

    Great !! It helped me al lot

  • @mohammadabusami7743
    @mohammadabusami7743 4 года назад +6

    please make a vidio "how to customize vs code terminal like you !!"

  • @ilijapavlovic7498
    @ilijapavlovic7498 3 года назад

    How did u change carot colour, i changed to expand , but i cant find color :S

  • @nitishsonkar8947
    @nitishsonkar8947 2 года назад

    Thank you

  • @codegeek8256
    @codegeek8256 3 года назад

    Dont these extensions make vscode instance heavy?

  • @hackerunknown9581
    @hackerunknown9581 4 года назад

    sir the winter is comming is not working properly in 32 bit linux distro. can you help me

  • @shahriarislam5107
    @shahriarislam5107 3 года назад

    Please give me a solution why this is happening to me
    Also use Prettier..

  • @AzranAzwer
    @AzranAzwer 3 года назад

    Hi James, Can I move my customized vs code into my new macbook ?

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Check out the settings sync extension

  • @ChristopherSalisburySalz
    @ChristopherSalisburySalz 2 года назад +1

    I have always really liked the Obsidian theme since I found it in Notepad++. In Visual Studio the Son of Obsidian is kind of a clone of the Obsidian theme that I like. So far VS Code doesn't have a great Obsidian/SonOfObsidian theme. There are some available but they are kind of half-cocked. They don't have a lot of detailed coloring and often errors or other things like code highlighting make it impossible to read the code. Somebody please make a really great Obsidian/SonOfObsidian theme!

  • @pegexo
    @pegexo 2 года назад

    Try Saklash-Theme 🔥🔥🔥 it's tooo good 😍😍😍😍.. soothing one is just lit

  • @prajjwalkumaragrahari5828
    @prajjwalkumaragrahari5828 4 года назад

    I don't know why in my VS code, it shows error for the file or modules which I import .
    Such as
    from assessment.old import *

  • @tawhidib8036
    @tawhidib8036 3 года назад

    I followed your video. But the problem is I can't change default shell. I want to use git bash. Can you please help me to solve this issue?

    • @JamesQQuick
      @JamesQQuick  3 года назад

      Is it not showing up in the list?

  • @ankitbko
    @ankitbko 4 года назад +6

    You missed FIle Icon theme.. another thing to make your VS Code look uber :)

  • @tunamusic2314
    @tunamusic2314 3 года назад

    so perfect man, love it

  • @saroshahmed7097
    @saroshahmed7097 3 года назад

    My font ligatures is not working please help in .json file its value is true I checked many times

  • @yahmk3978
    @yahmk3978 4 года назад +1

    Thank you!

  • @junaidmalik660
    @junaidmalik660 3 года назад

    how to get that border line around any function body?

  • @afriend8961
    @afriend8961 3 года назад

    I can't find a solution to this since two years ago now (not that I've devoutly been seeking all that time). Perhaps you can help me, James. My VSC editor started (out of no-where it seems as I'm unaware of root cause, it happened from one day to next) displaying the squiggly lines underneath not only code, but comments (proper comments) for any code I was programming in (JS, Python, CSS, HTML, etc). I personally create comment sections in my files hundreds of lines down below my code by just typing the comment symbols (, /**/, etc), and when this issue started these comment symbols made it all the way up to my code (deleting the hundreds of lines down where I had typed them). This was never the case before this started happening two years ago now, I've just been using my editor like this since. Also, a particular fun extension I like, Power Mode doesn't work at all after the issue with the editor I'm talking about started. Any idea what this is about? Thank you! =).

  • @kevinwaag9976
    @kevinwaag9976 4 года назад +1

    dracula theme is my personal default :)

  • @jahangirakbar4524
    @jahangirakbar4524 3 года назад +1

    Thank you for this video. Very informative 👍Love from Pakistan 😍🇵🇰