My Minimal and Beautiful VSCode Setup

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ธ.ค. 2024

ความคิดเห็น • 135

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

    Here's a link to Caleb's course (that's supporting me in the process). It's worth every penny not just for the styles but also keyboard shortcuts, macros, etc.
    gumroad.com/a/636621331

  • @RazoBeckett.
    @RazoBeckett. 5 หลายเดือนก่อน +124

    As a nvim user this looks clean!

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +21

      Highest compliment ever right there. I've seen some wonderful looking nvim setups!

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

      Same

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

      yeh

  • @Leozinhopirado167
    @Leozinhopirado167 2 หลายเดือนก่อน +2

    git with settings?

  • @itsarsh77
    @itsarsh77 3 หลายเดือนก่อน +2

    where is the config files?????

  • @LolBruh
    @LolBruh 4 หลายเดือนก่อน +6

    You like things that are practical, and yet functional? Awesome man!

  • @amirchegg
    @amirchegg 3 หลายเดือนก่อน +4

    This is the best vscode setup video I've seen so far. Great tips and tricks for navigation, customization, themes, and extensions! I didn't know about the AI extension you mentioned in the video and I tried it this morning and I'm impressed! Loved this video and would like to see updates to this video in the future. Subbed 🙌

  • @DanteMishima
    @DanteMishima 5 หลายเดือนก่อน +4

    The sticky thing I turned off... It confuses me to have things stick

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +1

      Makes sense. I think I still like it, but jury is out. :)

  • @highmoonlander7274
    @highmoonlander7274 3 หลายเดือนก่อน +1

    Can I get the this json file?

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

    Beautiful and minimalist, that's how I like things. Very interesting, do you have to do a lot of things to get it like this?
    Could you share your settings?

  • @debajyatidey9468
    @debajyatidey9468 5 หลายเดือนก่อน +6

    As an nvim distribution( not famous) maintainer and enjoyer I am impressed!

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +4

      Wow. This is high praise. Thank you. ☺️

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +3

      I am consistently impressed with NVim themes and setups. It’s definitely an inspiration.

  • @cdrz23
    @cdrz23 5 หลายเดือนก่อน +8

    Wooowww... I've been waiting for this from you, Josh

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

      Thanks! I'm glad for the support. ☺️

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

    How did you add cmd+kk shortcut to toggle the font size and line spacing?

  • @fondevops
    @fondevops 2 หลายเดือนก่อน

    On newer videos, you have a menu bar that appears on the center of the screen that you use to find and open files in your project. How did you set it up to be like that?

  • @Tuto1902
    @Tuto1902 5 หลายเดือนก่อน +4

    Would you be open to share a gist of your settings.json? (or at least only the apc settings)

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +8

      Yeah! Let me make sure I remove everything that's Make VS Code Awesome specific and I'll do that. ☺

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

      @@Tuto1902 so I did find that Caleb shared this with his newsletter. So definitely buy the course for all the goodies, but here’s the APC specific setup:
      gist.github.com/calebporzio/c7a2ca8fbd180815e50281bdb7b911ca

  • @huckfaters
    @huckfaters 5 หลายเดือนก่อน +1

    I'll try replicating this with Marine Dark theme

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

      Love it! Hope it goes well!

  • @Richardritchie-w1f
    @Richardritchie-w1f 5 หลายเดือนก่อน +3

    Listen up. I think zed is similar out of the box. They just lacking some basic things but damn Boi, it's so cool to use it. It's feels like liquid pain out of my eyes every time I reset vscode. Great stuff as always!

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

      I'm a fan of Zed! :)

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

    I know this is kind of late but I was curious if you have your dotfiles or config on a github repo or something like that. I would LOVE to take humbily copy some of your settings.json, I love the setup! If not all good, thank you and great video!!

  • @necmi030
    @necmi030 5 หลายเดือนก่อน +3

    Do you mind to share your whole settings.json file? I was curious using the same theme, which doesn''t look like yours somehow.

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +3

      I'll see if I can grab things that aren't relevant to the course. Since Caleb's course includes the entire Settings.json file and so I don't want to plagiarize what he's done.
      Give me a bit and I can grab some things out of there. :)

    • @necmi030
      @necmi030 5 หลายเดือนก่อน +1

      @@joshcirre Thanks for that. Theme looks great and I somehow kinda managed to get it looks like yours. Anyway, thanks for this awesome video. Do you've a Discord server?

    • @bioburden
      @bioburden 4 หลายเดือนก่อน +2

      @@joshcirre Any updates on this? Thanks

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

      @@joshcirre Any updates on this? Thanks

  • @anonymousguitarist7418
    @anonymousguitarist7418 5 หลายเดือนก่อน +1

    Thanks for showing this up. already in the process of going back to using Nvim.
    This convinced me to stick with vscode.

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +1

      You can use Nvim inside VSCode too. I am not a vim motions type of user, but I understand why it's incredibly useful!

  • @professor_ozzy
    @professor_ozzy 5 หลายเดือนก่อน +2

    Hey, Josh! What're your thoughts on PhpStorm?

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +2

      I think it's great and if I started in PHP world, I probably would use it, but the time to get up-to-speed with PHP Storm (since I know VSCode really well and it works for my usecase) does not seem to be worth the effort even with the awesome stuff it brings.
      But if someone is not 100% sold on their editor, I think PHPStorm is a fantastic option!
      I'm also keeping my eye on Zed 👀 (zed.dev)

  • @ypathan420
    @ypathan420 5 หลายเดือนก่อน +1

    i use neovim primarily and vs code for debugging... would absolutely love it if it is as clean as this...thanks❤

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

      Check out the APC Customize plugin. And just start stripping things away. 😁

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

    What file icon is that?? looks great!

    • @sagadsalem
      @sagadsalem 2 หลายเดือนก่อน

      Catppuccin Icons for VSCode

  • @jangovvk
    @jangovvk 5 หลายเดือนก่อน +1

    amazing man. top notch work and video. Do you have your settings shared in a gh repo?

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +2

      Thank you. ☺️ I don’t at the moment just because the majority of the settings are from the Make VS Code Awesome course and I don’t want to share what’s not mine to share.
      That being said, Caleb did share his APC settings gist publicly.
      gist.github.com/calebporzio/c7a2ca8fbd180815e50281bdb7b911ca

    • @jangovvk
      @jangovvk 5 หลายเดือนก่อน +1

      @@joshcirre thank you so much 🙂

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

    what software are you using for recording this?

  • @JogonnathDasTalukder
    @JogonnathDasTalukder 14 วันที่ผ่านมา

    Whats your theme you use???

    • @joshcirre
      @joshcirre  13 วันที่ผ่านมา

      This is the Catppuccin Frappe theme!

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

    @josh do you share your dotfiles by any chance?

    • @joshcirre
      @joshcirre  4 หลายเดือนก่อน +1

      Surprisingly enough, I don't have any dotfiles... yet.

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

      @@joshcirre cool cool... share when you're ready!

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

    Can you send the full json file?

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

      Unfortunately, not just since most of the full JSON file is from Caleb's course. However, Caleb did send out this Gist in his newsletter that has a good starting point. :)
      gist.github.com/calebporzio/c7a2ca8fbd180815e50281bdb7b911ca

  • @MrManafon
    @MrManafon 2 หลายเดือนก่อน

    Apc has been discontinued :(

    • @joshcirre
      @joshcirre  2 หลายเดือนก่อน

      Hmm. This one? I'm not seeing it be discontinued.
      marketplace.visualstudio.com/items?itemName=drcika.apc-extension

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

    Hey hey! I've been waiting for this one. Thank you sir 🙏

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

      Of course! Thank you for being a fantastic supporter. ☺️

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

    Could you share your json settings?

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +1

      Probably not the full one just since 90% of it is what is in Caleb's course and it's proprietary so I don't want to leak it. Sorry!

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

    can u show me what icon do you use

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

      This is the Catppuccin Frappe icon set, as well. :)

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

      @@joshcirre is it available for windows?

  • @wixarea
    @wixarea 5 หลายเดือนก่อน +1

    Hi, when I use Next JS and press enter while typing the component name, the import section is automatically added above. I can't do this with Laravel. for example
    When I type something like User::class
    use App\Models\User; should be added above. With which extention can I do this?

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

      This is what I use "Intelephense" for. Once installed, as long as it's a PHP file, you can import classes and namespaces automatically. ☺️

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

      @@joshcirre I had previously installed Laravel Intelephense, but it didn't work for me. Now, after installing PHP Intelephense, everything is working perfectly. Thank you so much!

  • @prakashgk-tz3fv
    @prakashgk-tz3fv 5 หลายเดือนก่อน

    what is font name in floder tab

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

      That's Dank Mono, as well. :)

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

    whats the name font in your vscode bro ?

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

      It’s in the video! Dank Mono. :)

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

    Looks good but a few problems with the setup: Mac OS instead of Linux, VS Code instead of Neovim, PHP instead of Python.

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

      Oops. 🤷‍♂️

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

    very interesting setup, i'm a neovim guy at heart, but i have to use vscode sometimes at work, might have to buy the course...
    as an aside, whenever you're talking, there's a cricket-like squealing in the background, it's pretty faint but it's driving me insane with my headphones on. judging by the mic quality, it might be an issue with a noise filter you have setup, or maybe it's just a washing machine or something..

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

      It’s a great course especially if you use VSCode frequently. A lot of helpful tips outside of the setup and aesthetics.
      And… haha. Those are literal crickets. My garage setup in the summer is tough to not have crickets in the audio. 😅

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

    The icons theme please

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

      This is the Catppuccin Frappe icon theme. :)

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

      @@joshcirre Thank you so much!

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

    What is your terminal again?

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

      This is the Warp terminal (warp.dev/) :)

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

    why hide line numbers?

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

      I like having the "cleaner" look and rarely have a need to know what line number I'm on. I do have a shortcut to turn them on if needed when debugging. ☺️

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

    What is your file icon theme?

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

      I can’t remember if I said it. My apologies! Icons are also the “Catppuccin Frappe” icons. ☺️

  • @Zee-ch6nr
    @Zee-ch6nr 5 หลายเดือนก่อน

    is it boost performance?

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

      Not really? But I haven't noticed too much of a lag for VS Code with my setup or before. Sometimes it does take PHP Intelephense to "catch up".

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

    Hello! I see that your "breadcrumbs" is in the titlebar, or rather than you don't have a title bar and the info about the file you're in is showed at the right of the closing/minimize/maximize buttons (the red, orange and green buttons at the top left corner of the window).
    How did you achieve that? This feels so minimal I love it.

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

      Yep! That's the APC Customize UI++ extension with a bunch of tweaks to remove unnecessary things. :)

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

      @@joshcirre Wow! I didn’t expect you to answer me! I’m subscribing :)
      Yeah I assumed too, will you share your settings with the community ? Even if you sell it, I’m in! Every work is worth some money.

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

      @@joshcirrebtw I went another way regarding the terminal.
      I use iTerm 2 inside VSCode. There’s a setting in VSCode that lets you use other terminals than the native one. I made custom shortcuts inside iTerm 2 that makes it possible to select text with shortcuts just the way everyone is used to do it in every modern software.
      I can shift + arrow key to select one word or shift + cmd + arrow key to select a whole world.
      So I ditched Warp Terminal. I made the terminal full screen in VSCode so it feels like an alt tab when I open it via the shortcut.
      It’s more practical because you can drag and drop the files from your VSCode project in the terminal.

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

      @@imfilou I always try to respond to everyone. :) the settings can be achieved by 90% with the Make VS Code Awesome course by Caleb Porzio, but he did release this in his newsletter. So definitely purchase the course and take a look at this Gist. ☺️
      gist.github.com/calebporzio/c7a2ca8fbd180815e50281bdb7b911ca

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

      @@imfilou very nice! ☺️

  • @dipanshusabharwal
    @dipanshusabharwal 5 หลายเดือนก่อน +4

    Why are cricket sounds in your audio ? It stops when you stop speaking.

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +1

      Because there are crickets in my garage. 😬

    • @dipanshusabharwal
      @dipanshusabharwal 5 หลายเดือนก่อน +1

      @@joshcirre FIX IT please.

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +1

      @@dipanshusabharwal hahahah. I’ll get right one that.
      Sadly, I can’t just “fix it” lol.

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

    Is free sir??

  • @RodnDjokYTB
    @RodnDjokYTB 17 วันที่ผ่านมา

    Thanks, very helpful.

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

    why not use nvim though

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

      I’m not smart enough for it.

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

      @@joshcirre u def can do it hahah just takes time

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

    You should probably take a look at your mic settings, it sounds really weird.

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

      This is my garage set up and there were a lot of crickets out tonight so I had to make do and eq'd it a bit to get rid of some cricket noise. ☺️

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

    your fonts look odd, like non-aliased or something like that?

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

      Hmm. Odd, I don't notice it so maybe it's just the recording. In the actual editor or in the sidebar?

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

    Your video presentation is top notch.

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

      Thank you so much. That means a lot!

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

    If I used vscode I’d have it configured like that 👌🏻 actually my nvim config looks very similar.

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

      Love that! I am incredibly inspired by a lot of clean NVim setups, as well!

  • @injSrc
    @injSrc 15 วันที่ผ่านมา +1

    I think it is too much minimal

  • @Namezzq
    @Namezzq 5 หลายเดือนก่อน +2

    its really amazing..

    • @joshcirre
      @joshcirre  5 หลายเดือนก่อน +1

      Thank you. :)

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

    I was waiting for this!! Thanks

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

      Of course! Thank YOU.

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

    Aaaand purchased... 😎

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

      It's SO good. 😁

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

    Hold my nvim.

  • @kiraishagaming
    @kiraishagaming 5 หลายเดือนก่อน +1

    No wayy, it only supports Linux and Mac 😢

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

      Unfortunately right now. :(

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

    man this looks awesome!

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

      Thanks! It's been a long time coming but I really love how things are currently!

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

    cool! btw, nice cap!

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

      Thank you. 😁

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

    Nice look!

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

      Thanks! :)

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

    i mean..dotfiles

  • @cidhighwind8590
    @cidhighwind8590 2 หลายเดือนก่อน

    Nice commercial.

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

    good setup,bad technology lol

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

      Like VSCode is bad? Lol

  • @ЛераДера
    @ЛераДера 4 หลายเดือนก่อน

    just use zed lol

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

      I love Zed! I still am missing some key features specific to Laravel development, but I think it has a LOT of potential. ☺️
      And, it's minimally beautiful.

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

    So I have to pay to customize vscode? nah I pass

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

      It's more supporting a creator that has a TON of fantastic tips.
      You can download APC Customize UI++ and put it together yourself. :)