\u201cWhenever I press Tab, insert 4 spaces instead.\u201d<\/p><\/blockquote>\n
Also check for Detect Indentation, <\/strong>if it\u2019s ON, VS Code will override your settings based on the file content. Disable it if you want consistency across files.<\/p>\n3. Set project-specific indentation (Workspace settings)<\/h2>\n Maybe you want different indentation just for one project, not globally.<\/p>\n
\nOpen the project folder in VS Code.<\/li>\n Go to the Command Palette and select Preferences: Open Workspace Settings<\/code>.<\/li>\n<\/ol>\n\nSwitch to the Workspace<\/code> tab.<\/li>\nSearch and set the same Tab Size<\/strong>, Insert Spaces<\/strong>, and Detect Indentation<\/strong> options.<\/li>\n<\/ol>\nThese get saved inside your project\u2019s .vscode\/settings.json<\/code> file.<\/p>\nPerfect if you want 2-space indentation in a JS project but 4 spaces in a Python project you’re working on separately.<\/p>\n
4. Set indentation based on programming language<\/h2>\n Now, here’s the power-user move. Let\u2019s say you want:<\/p>\n
\n4 spaces for Python<\/li>\n 2 spaces for JavaScript and TypeScript<\/li>\n<\/ul>\nEasy!<\/p>\n
\nOpen the Command Palette \u2192 Preferences: Open User Settings (JSON)<\/code><\/li>\n<\/ol>\n\nAdd this snippet:<\/li>\n<\/ol>\n\"[python]\": {\n \"editor.tabSize\": 4\n},\n\"[javascript]\": {\n \"editor.tabSize\": 2\n},\n\"[typescript]\": {\n \"editor.tabSize\": 2\n}\n<\/code><\/pre>\nThis overrides the indentation per language. <\/p>\nYou can find all language identifiers in the VS Code docs if you want to customize more.<\/p>\n
You can also drop this into your .vscode\/settings.json file if you want project-level overrides.<\/p>\n
Bonus Tip: Convert tabs to spaces (and vice versa)<\/h2>\n Already working on a file but the indentation is inconsistent?<\/p>\n
\nOpen the Command Palette \u2192 Type Convert Indentation<\/code><\/li>\nChoose either:\n\nConvert Indentation to Spaces<\/code><\/li>\nConvert Indentation to Tabs<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\nYou can also do this from the status bar at the bottom.<\/p>\n
If you need to convert all<\/em> tabs in the file to spaces:<\/p>\n\nPress Ctrl + F<\/code><\/li>\nExpand the search box<\/li>\n Enable Regex<\/strong> (.* icon)<\/li>\nSearch for t<\/code> and replace it with two or four spaces<\/li>\n<\/ol>\nWrapping up<\/h2>\n Like word wrapping in VS Code, indentation may seem like a small thing, but it’s one of the cornerstones of clean, readable code. <\/p>\n
Whether you’re coding solo or collaborating on big projects, being consistent with indentation helps avoid annoying bugs (especially in Python!) and keeps the codebase friendly for everyone.<\/p>\n
VS Code makes it super easy to control indentation your way, whether you want to set it globally, per project, or even per language.<\/p>\n
We\u2019ll be back soon with another helpful tip in our VS Code series.<\/p>","protected":false},"excerpt":{"rendered":"
Indentation is how code is visually spaced. It helps define structure, scope, and readability. For example, Python requires indentation to define blocks of code. Other languages might not require it,…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[1],"tags":[],"class_list":["post-335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rss"],"_links":{"self":[{"href":"https:\/\/catbradley.io\/index.php?rest_route=\/wp\/v2\/posts\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/catbradley.io\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/catbradley.io\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/catbradley.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/catbradley.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=335"}],"version-history":[{"count":0,"href":"https:\/\/catbradley.io\/index.php?rest_route=\/wp\/v2\/posts\/335\/revisions"}],"wp:attachment":[{"href":"https:\/\/catbradley.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/catbradley.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/catbradley.io\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/Changing-indentation-in-vscode.webp\")
<\/p>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/spaces-column-in-vs-code-1.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/spaces-column-in-vs-code.gif\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/format-document.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/user-settings.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/default-indentation-tab-size.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/insert-spaces.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/toggling-workspace-settings.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/workspace-indentation-setting.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/user-settings-1.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/indentation-based-on-programming-language.png\")
<\/figure>\n![\"Handling](\"https:\/\/itsfoss.com\/content\/images\/2025\/04\/quick-convert-indentation.png\")
<\/figure>\n