Make Visual Studio Code Pretty

Save your eyes from cluttered editor. Make Visual Studio Code more pleasing to look at. This is similar to my “Make Sublime Text 3 Pretty” setup.

The original looks okay. But, it looks cluttered. To make it prettier, copy and save this settings to y…


This content originally appeared on DEV Community and was authored by DEV Community

Save your eyes from cluttered editor. Make Visual Studio Code more pleasing to look at. This is similar to my "Make Sublime Text 3 Pretty" setup.

Image description

The original looks okay. But, it looks cluttered. To make it prettier, copy and save this settings to your settings.json:

{
    "breadcrumbs.enabled": false,
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.fontSize": 14,
    "editor.lineHeight": 1.75,
    "editor.lineNumbers": "off",
    "editor.minimap.showSlider": "always",
    "editor.padding.bottom": 10,
    "editor.padding.top": 10,
    "editor.wordWrap": "on",
    "explorer.autoReveal": false,
    "explorer.openEditors.visible": 0,
    "workbench.activityBar.visible": false,
    "workbench.colorTheme": "Material Theme Palenight",
    "workbench.statusBar.visible": false
}

Also, you need to install Material Theme in Visual Studio Code and Fira Code in your Operating System.


This content originally appeared on DEV Community and was authored by DEV Community


Print Share Comment Cite Upload Translate Updates
APA

DEV Community | Sciencx (2022-03-04T03:53:05+00:00) Make Visual Studio Code Pretty. Retrieved from https://www.scien.cx/2022/03/04/make-visual-studio-code-pretty/

MLA
" » Make Visual Studio Code Pretty." DEV Community | Sciencx - Friday March 4, 2022, https://www.scien.cx/2022/03/04/make-visual-studio-code-pretty/
HARVARD
DEV Community | Sciencx Friday March 4, 2022 » Make Visual Studio Code Pretty., viewed ,<https://www.scien.cx/2022/03/04/make-visual-studio-code-pretty/>
VANCOUVER
DEV Community | Sciencx - » Make Visual Studio Code Pretty. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/03/04/make-visual-studio-code-pretty/
CHICAGO
" » Make Visual Studio Code Pretty." DEV Community | Sciencx - Accessed . https://www.scien.cx/2022/03/04/make-visual-studio-code-pretty/
IEEE
" » Make Visual Studio Code Pretty." DEV Community | Sciencx [Online]. Available: https://www.scien.cx/2022/03/04/make-visual-studio-code-pretty/. [Accessed: ]
rf:citation
» Make Visual Studio Code Pretty | DEV Community | Sciencx | https://www.scien.cx/2022/03/04/make-visual-studio-code-pretty/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.