My Minimal and Beautiful VSCode Setup

The goal is to have a clean, functional, and extremely beautiful code editor so that I can love the tools I use every single day.

So, this is what I came up with.

But really, it's all copied from Caleb Porzio's Make VS Code Awesome course and then slightly tweaked with a different theme and font. I didn't want to share every little detail and setting because it's really all from this course and I want to give credit where credit is due. I've changed very little. :)

Links:

** I missed talking about the Intelephense plugin which is what I do use and paid for the premium version. 😊

*** Yes, those are crickets. The downside of recording in my garage in the summer. 🫡

[joshcirre]

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.

[danieldiaz]

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?

[LolBruh]

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

[DanteMishima]

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

[cdrz]

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

[usmanibraheem]

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

[amirchegg]

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 🙌

[fondevops]

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?

[necmi]

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

[Tuto]

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

[Richardritchie-wf]

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!

[anonymousguitarist]

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

[bbbbbbbbbbbby]

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

[jangovvk]

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

[ypathan]

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

[heyyedwin]

what software are you using for recording this?

[guacamoly]

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

[debajyatidey]

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

[huckfaters]

I'll try replicating this with Marine Dark theme

[wixarea]

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?