DEV Community

Cover image for VSCode Settings You Should Use
Jannatin Naim
Jannatin Naim

Posted on • Originally published at jannatinnaim.hashnode.dev

VSCode Settings You Should Use

Get started with the base settings for using VSCode. It seems like a simple text editor at first and all the noise around "extensions" really drive you away from just how much the editor itself is capable of. Here are some settings to help you use VSCode more effectively in your day to day workflow.

Text Editor

  • Bracket Pair Colorization - On
  • Guides
    • Bracket Pairs - On
    • Bracket Pairs Horizontal - On
    • Highlight Active Bracket Pair - On
  • Line Height - 1.25
  • Linked Editing
  • Rulers - 80, 90, 100, 120
  • Tab Size - 2

Cursor

  • Cursor Blinking - Solid

Font

  • Font Family - JetBrainsMono Nerd Font, monospace
  • Font Ligatures - On
  • Font Size - 16

Formatting

  • Format On Paste - On
  • Format On Save - On
  • Format On Type - On

Minimap

  • Enabled - Off

Suggestions

  • Inline Suggest - On

Files

  • Auto Guess Encoding - On
  • Auto Save - On Window Change
  • Insert Final Newline - On
  • Trim Final Newlines - On
  • Trim Trailing Whitespace

Workbench

  • Command Palette History - 0
  • Layout Control Enabled - Off
  • Startup Editor - None

Appearance

  • Tips - Off

Editor Management

  • Highlight Modified Tabs
  • Untitled Hint - Hidden

Settings Editor

  • Editor - JSON

Window

  • Dialog Style - Custom
  • Title Bar Style - custom

Features

Search

  • Show Line Numbers - On
  • Smart Case - On

Debug

  • Console
    • Font Size - 16

Terminal

  • Integrated
    • Cursor Blinking - Off
    • Enable Persistent Sessions - Off
    • Font Size - 16
    • Mac Option Is Meta - On
    • Shell Integration - On

Application

Telemetry

  • Telemetry Level - Off

Security

Workspace

  • Trust
    • Untrusted Files - Open

Extensions

CSS Language Features

  • CSS
    • Completion
    • Complete Property With Semicolon - Off
    • Format
    • Space Around Selector Separator - Off
  • SCSS
    • Completion
    • Complete Property With Semicolon - Off
    • Format
    • Space Around Selector Separator - Off

Git

  • AutoFetch - All
  • Confirm Sync - Off
  • Enable Smart Commit - On

You can get the JSON file from here.

PS: If you speak Bangla you can also check out this YouTube video showcasing these settings.

Top comments (0)