🛠 Visual Studio Code - Full Setup From Scratch

[@igor_babko]

X - twitter.com/igorbabko

[@wassupdoc7742]

The best vs code customization tutorial on youtube ♥ thank you

[@igor_babko]

Thank you for the support!

[@joqtanalberto8975]

Never saw a such deep setup on vscode 😮

[@igor_babko]

Hopefully the video was useful to you :)

[@deshbhakt992]

loved it sir . this is the best video i ever saw about vs code but i have one probleme am using different theme and side bar , status bar color is different i tried changing the settings by myself but didnt worked will help to hear suggestions from you

[@igor_babko]

Thanks for the support! Are you using APC Customize UI++ extension to change colors of the theme? If so, then probably you have to try to assign CSS rules with an !important keyword to various DOM elements in Dev Tools in order to override theme colors until you find the proper DOM element that will properly apply your custom color.

[@Nishanth_S]

whoa!!! I don't know before that we can edit vscode pixel by pixel 😳

[@igor_babko]

Haha, yeah, VS Code is highly customizable.

[@jayshettyclips0]

great video i have a problem on windows though, when i set the title bar style to native and hidden, and make the menubar compact, i cant drag the window anymore, when i move my mouse to the top to drag the window, it picks up the file instead

[@igor_babko]

Thank you. What if you try to drag it by clicking on sidebar? I usually can drag when clicking at the top of the sidebar.

[@hubesh716]

can i directly paste the configuration into my VScode setting json file ?

[@igor_babko]

Sure, here is the Gist with my latest VS Code settings - gist.github.com/igorbabko/c7eec47cb78f9cf1fe9e5038da62f0d8 and my keybindings - gist.github.com/igorbabko/ff9480733247abbb21274467ef6f23e2 Let me know if you'll have any questions.

[@themobinism]

It does not work after the vscode version 1.93

[@igor_babko]

Yeah, unfortunately. I have plans to record updated "VS Code Setup" tutorials in the near future.

[@themobinism]

@@igor_babko But your existing settings.json has solved the APC UI++ issue. By the way the best vscode looks i have seen so far... Good job mate!

[@geekthegeek730]

loved it! bro

[@igor_babko]

Glad to hear!

[@YinzHD]

Great Igor! Could you give some feedback on my own theme? It's called Safira Theme and I think it works pretty well with settings like yours!

[@igor_babko]

Thank you! Yeah, "Safira Theme" looks good to me! The theme choice is highly based on personal tastes. But in general, colors are well picked. They have a good contrast. I personally prefer when the sidebar color matches the editor color, but again, it's just my personal preference 🙂

[@Jibonbd360]

Yeah..also great..please sir make one video.. Vs code like a pro user..i mean vs code control only using, keyboard,

[@igor_babko]

That's a good idea! I was thinking of creating a playlist on how to use the VS Code Neovim extension, where I want to show how to drastically reduce mouse usage while using VS Code. But this is not going to be a full course on how to use Vim (I might create a separate series about it in the future); instead, we'll focus on specifics of how to use the VS Code Neovim extension - marketplace.visualstudio.com/items?itemName=asvetliakov.vscode-neovim I've already started working on this playlist.

[@Jibonbd360]

@@igor_babko Thank you so much..really i wait for your this playlists 💖😎

[@igor_babko]

Glad to hear that!

[@Jibonbd360]

@@igor_babkohello sir please tell me when I get this playlist,, i'am aslo wait for this session😢

[@igor_babko]

Hi there, thanks! First 3 videos are already published - kzbin.info/aero/PLXDouhCU5r6qRE46qQ2rYIPnbJ5a9jzmd

[@myxo777]

is the gradient edited? if its not i would love to learn how you did it

[@igor_babko]

Which gradient exactly are you referring to?

[@Jibonbd360]

Sir please share more theme which you are aslo like..because i support your favourite, too much ❤

[@igor_babko]

Sure, here are some of my favorite ones: - marketplace.visualstudio.com/items?itemName=equinusocio.vsc-material-theme - marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme - marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme - marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc - marketplace.visualstudio.com/items?itemName=sdras.night-owl - marketplace.visualstudio.com/items?itemName=MaoSantaella.night-wolf - marketplace.visualstudio.com/items?itemName=teabyii.ayu

[@Jibonbd360]

@@igor_babko those are really awesome..here one problem not problem actually this i feel so bad..so poor..i mean i'm php laravel developer..almost i am using blade syntax.. Unfortunately my vs code not support bracket pair color extension..in this also theme its support only vs code official theme..😢

[@igor_babko]

Actually, bracket-pair colorization comes out of the box with VS Code now. Not sure why it doesn't work in your case. Do you also use this extension to provide highlighting for blade files? marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade I also enjoy using Laravel; hopefully I'll be able to create many videos on Laravel in the future 🙂

[@Jibonbd360]

@@igor_babko {{working}} I mean brack different color working in thik working section but it still not woking in this not working section..it will be shown one blue color of {{}}😢

[@igor_babko]

Interesting, for me, it's actually the opposite, the brackets in the "working" section are of different colors.

[@ciruspunk6771]

man, you are converting vscode into neovim hehehe!

[@igor_babko]

Hahah, yeah, I enjoy minimalistic UIs 🙂

[@mmj5916]

@@igor_babko then, I think you should use neovim 😁.Vsc**e is useless.No offence.

[@igor_babko]

I wouldn't say so, they are both great.

[@jayantrohila]

repo link?

[@igor_babko]

Recently I discovered that my GitHub account was suspended for some reason. I've already contacted support. Once this is resolved, I will let you know in this thread, sorry for inconvenience.

[@igor_babko]

My GitHub account is active again, and links to repositories work now - github.com/igorbabko/vscode-setup

[@AshishPrakash-l2u]

Man, is there any way to hide code from the screen😂😂😂😂?

[@igor_babko]

I guess there is, I wouldn't do it though 🤣 🤣

[@gopalpadhi4922]

🎉🎉🎉

[@igor_babko]

Thanks!

[@Grandmaster1199]

Honestly you disable very important things

[@igor_babko]

Yeah, to most people, it would seem that I've disabled way too much. The goal was to show how to toggle certain things, so people would know how to do it and decide whether to hide some elements or keep them visible. 🙂