If you, like me, are tired of the default look and feel of VSCode, here's some good news: you can modify it to be very minimalist, hiding unnecessary elements and creating a clean appearance. I have done this on Linux Fedora, but it can be done on Mac and Windows as well.
Here is a list of plugins that make this possible:
- APC Customize UI++: This allows us to customize VSCode beyond its scope.
- Symbols: These are the icons for your VSCode.
- Min Theme: This theme enables the nice color scheme shown.
- Prettier - Code Formatter: This ensures consistent style in your code formatting.
Created by JetBrains, this is, in my opinion, the best font for developers. Please download it if you want your setup to look like the image above: JetBrains Mono Download.
After unpacking it, open your terminal and type:
sudo cp -r JetBrainsMono-2.304 /usr/share/fonts/
Open GNOME Tweaks and in Fonts select JetBrains Mono Regular:
To enable the APC plugin and customize our VSCode, type:
- For Mac:
⌘+Shift+P - For Windows:
Ctrl+Shift+P
Find Enable APC extension, click there, and a restart of VSCode may be required. ATTENTION: This plugin is experimental, so back up your VSCode settings in case something goes wrong. As I am using Fedora Linux, I encountered this Permission Denied error:
If you are on Linux, open the terminal and type:
sudo chown -R $USER /usr/share/code
or (Arch Linux based distributions)
sudo chown -R $USER /opt/visual-studio-code/
Restart VSCode and try enabling the APC plugin again; it should now work fine.
Now, press:
- For Mac:
⌘+Shift+P - For Windows:
Ctrl+Shift+P
And click on Preferences: Open User Settings. In the User tab, find > Extensions, open it, and click on APC. Once there, click on any Edit in settings.json.
After opening settings.json, copy and paste this JSON: HERE, restart your VSCode and it should good to go.
This project was made possible thanks to the RocketSeat community, a group of developers constantly seeking to improve their skills and help each other.
- Diego Fernandes - GitHub
- My Minimalist VSCode (extensions, themes, and settings) - YouTube
- RocketSeat - Official Website
- JetBrains Mono developers
- Apc Customize UI++
- Symbols
- Min Theme
- Prettier - Code Formatter
Built with 💙 by @Marcos Oliveira