Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mavinii/minimalist-vscode
https://github.com/mavinii/minimalist-vscode
jetbrains rocketseat vscode vscode-extension vscode-theme
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mavinii/minimalist-vscode
- Owner: mavinii
- Created: 2024-01-19T15:48:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-07T14:18:45.000Z (6 months ago)
- Last Synced: 2024-08-07T17:20:52.435Z (6 months ago)
- Topics: jetbrains, rocketseat, vscode, vscode-extension, vscode-theme
- Homepage:
- Size: 337 KB
- Stars: 7
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Minimalist VSCode
## Before:
## After:
## About:
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.
## Plugins:
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.
## JetBrains Mono Font
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](https://www.jetbrains.com/lp/mono/).
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`:
## Getting Started:
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.
## JSON Settings:
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](https://github.com/mavinii/Minimalist-VSCode/blob/main/settings.json), restart your VSCode and it should good to go.
## Copyright Disclaimer:
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](https://gist.github.com/diego3g/b1b189063d21b96d6144ca896755be64)
- [My Minimalist VSCode (extensions, themes, and settings) - YouTube](https://www.youtube.com/watch?v=TW3KoPkuWEA)
- [RocketSeat - Official Website](https://rocketseat.com.br/)
- [JetBrains Mono developers](https://www.jetbrains.com/lp/mono/)
- [Apc Customize UI++](https://marketplace.visualstudio.com/items?itemName=drcika.apc-extension)
- [Symbols](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.symbols)
- [Min Theme](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.min-theme)
- [Prettier - Code Formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
---
Built with 💙 by [@Marcos Oliveira](https://www.linkedin.com/in/pgmarcosoliveira/)