My Minimal and Beautiful VSCode Setup
HTML-код
- Опубликовано: 1 июл 2024
- 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:
Caleb's Course: makevscodeawesome.com/
APC Customize UI++: marketplace.visualstudio.com/...
Warp Terminal: warp.dev/
** 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. 🫡 - Наука
As a nvim user this looks clean!
Highest compliment ever right there. I've seen some wonderful looking nvim setups!
Same
yeh
Wooowww... I've been waiting for this from you, Josh
Thanks! I'm glad for the support. ☺️
Hey hey! I've been waiting for this one. Thank you sir 🙏
Of course! Thank you for being a fantastic supporter. ☺️
I was waiting for this!! Thanks
Of course! Thank YOU.
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?
This is what I use "Intelephense" for. Once installed, as long as it's a PHP file, you can import classes and namespaces automatically. ☺️
@@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!
Hey, Josh! What're your thoughts on PhpStorm?
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)
Would you be open to share a gist of your settings.json? (or at least only the apc settings)
Yeah! Let me make sure I remove everything that's Make VS Code Awesome specific and I'll do that. ☺
@@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
Your video presentation is top notch.
Thank you so much. That means a lot!
Do you mind to share your whole settings.json file? I was curious using the same theme, which doesn''t look like yours somehow.
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. :)
@@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?
Aaaand purchased... 😎
It's SO good. 😁
The sticky thing I turned off... It confuses me to have things stick
Makes sense. I think I still like it, but jury is out. :)
i use neovim primarily and vs code for debugging... would absolutely love it if it is as clean as this...thanks❤
Check out the APC Customize plugin. And just start stripping things away. 😁
man this looks awesome!
Thanks! It's been a long time coming but I really love how things are currently!
What is your terminal again?
This is the Warp terminal (warp.dev/) :)
What is your file icon theme?
I can’t remember if I said it. My apologies! Icons are also the “Catppuccin Frappe” icons. ☺️
If I used vscode I’d have it configured like that 👌🏻 actually my nvim config looks very similar.
Love that! I am incredibly inspired by a lot of clean NVim setups, as well!
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.
Yep! That's the APC Customize UI++ extension with a bunch of tweaks to remove unnecessary things. :)
@@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.
@@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.
@@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
@@imfilou very nice! ☺️
its really amazing..
Thank you. :)
is it boost performance?
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".
As an nvim distribution( not famous) maintainer and enjoyer I am impressed!
Wow. This is high praise. Thank you. ☺️
I am consistently impressed with NVim themes and setups. It’s definitely an inspiration.
what is font name in floder tab
That's Dank Mono, as well. :)
@@joshcirre can you share the link of font to download
Nice look!
Thanks! :)
your fonts look odd, like non-aliased or something like that?
Hmm. Odd, I don't notice it so maybe it's just the recording. In the actual editor or in the sidebar?
You should probably take a look at your mic settings, it sounds really weird.
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. ☺️
No wayy, it only supports Linux and Mac 😢
Unfortunately right now. :(