vs-code is one of the most popular light weight and opensource code editor in the world and in article we will learn about a few customization settings for your vs code to increase productivity
at work. Well, you must be thinking of extensions? but you are not right at this time, because I am going to talk about the inbuilt vs code settings and don't worry if you are a beginner, I will make this easy.
Prerequisites
- A pc with any operating system (mac, Linux or windows)
- Visual studio code latest version (get it here)
- your patience and passion for learning new things
steps
Open vs code on your machine and heat to the Manage > settings or simply press ctrl followed by ,
configuring the Workbench
the background theme
life becomes tasteless if you have the same thing every day so you must be bored of that default dark theme in vs code but now let's change it. In the setting you will find a search bar at the top simply type there Color Theme or you can go for Settings > Workbench> color theme
Here you can find a list of themes, just click on one and your workbench theme will be changes
here we go
hacking the screen cast
let's imagine taht you teaching someone online or debugging some complex code or having a coding live stream, well in that case this screen cast mode can help you a lot in enabling some more exciting features to your Workbench. Now Goto Settings>Workbench>Screen Cast Mode
Here you can change the mouse indicator color just put any color code you want to (I am using #03EFEA) or you can increase the Mouse Indicator (say 30) size. [note to turn on screen cast mode press f1 then in the search box above type > then select toggle screen cast mode]
Here is how your toggle screen cast mode looks like
see any key we press it gets displayed on the screen
the commonly hacks
what will be you expression if I say that you don't need to save your code manually instead you can automate it. yes, I am serious. Just head over to Settings>User>Commonly used and then turn on the auto save option well I am using on window change event and this will automatically save my code whenever I change my window
text editor hacks
Have you got bored of the single line blinking cursor or you want to change the font of your text editor and to do so, visit Settings>Text Editor and here you can typically change your cursor style or the font style and even the font size. Just add the proper name of the font you want to use and here we go
Conclusion
So, guys that's all for today, try this hack, increase your productivity and let me know if you have any queries, feel free to comment out. And make sure to hit a ❤️ if you like my work and just share this article with you peers. Stay tuned for next happy coding :)
Connect
Top comments (3)
some more points
1: go to mouse settings and set ctrl + mousewheel to zoom
2: use an extension called code runner to run code
3: use material icon theme extension to make your icons more better
4: use rainbow brackets to catch open brackets faster
well you can follo me if you want updates of my posts
well thanks for your comment, I will share these points in another aticle