Personalize VS Code https://code.visualstudio.

com/docs/getstarted/personalize-vscode

🚀 Get GitHub Copilot Free (vscode://github.copilot-chat?referrer=vscode-updatebanner) in VS

Code!
×

TOPICS Personalize VS Code

IN THIS ARTICLE Configure settings

(https://vscode.dev/github/microsoft/vscode-docs/blob/main/docs/getstarted/personalize-vscode.md)

Personalize VS Code
VS Code is highly customizable. You can change the look of the editor with color and icon themes and
assign the keyboard shortcuts you're most familiar with. Settings enable you to configure nearly every part
of VS Code's editor, user interface, and functional behavior.

This article covers the following topics:

• Configure settings
• Change default keyboard shortcuts
• Change the look of VS Code with themes
• Change the display language

Configure settings

Almost every aspect of VS Code can be customized via settings. Settings let you configure editor options
such as enabling word wrapping or showing the minimap, setting up language-specific debugger settings,
enabling Workspace Trust, and more. When you install extensions from the Visual Studio Marketplace,
they might add their own extension settings (/docs/getstarted/extensions#_open-extension-settings).

The Settings editor ( ⌘, ) provides a graphical interface to modify settings. When you modify settings, VS
Code stores them in the settings.json file. Optionally, you can edit the settings.json file directly.

1 sur 6 19/02/2025 18:27

Personalize VS Code https://code.visualstudio.com/docs/getstarted/personalize-vscode

VS Code provides two types of settings. User settings apply globally to any VS Code instance, while
workspace settings are stored with your project and apply only to that project. In the Settings editor, you
can switch between user and workspace settings by using the corresponding tabs.

To modify a setting in VS Code with the Settings editor:

1 Open the Settings editor via the File > Preferences (Code > Preferences or Code > Settings on
macOS) > Settings menu or press ⌘, .

2 Search for the setting you want to change by using the tree view or by typing in the search bar.

3 Modify the setting in the Settings editor.

Tip
To show the settings you've modified, select the modified filter value in the Settings editor
search bar.

Get more details about configuring settings in VS Code (/docs/editor/settings), such as configuring
language-specific settings or syncing settings across machines.

Change default keyboard shortcuts

VS Code lets you perform most tasks directly from the keyboard. When you install VS Code, it comes with
a set of default keyboard shortcuts (/docs/reference/default-keybindings). Hover over a UI element in the
VS Code interface to see its keyboard shortcut, if one's available. The Command Palette also shows the
keyboard shortcut for commands that have a shortcut.

You can customize these default shortcuts or add new ones for your favorite commands and actions by
using the Keyboard Shortcuts editor ( ⌘K ⌘S ).

2 sur 6 19/02/2025 18:27

Personalize VS Code https://code.visualstudio.com/docs/getstarted/personalize-vscode

To change a keyboard shortcut in VS Code with the Keyboard Shortcuts editor:

1 Select File > Preferences (Code > Preferences or Code > Settings on macOS) > Keyboard
Shortcuts or use the ⌘K ⌘S shortcut to open the Keyboard Shortcuts editor.

2 Select the pencil icon next to the command you want to change.

3 Press the keys you want to assign as a shortcut for the command.

A keymap extension enables you to modify the VS Code shortcuts to match those of your preferred editor.
Select the Preferences: Keymaps command from the Command Palette to see a list of keymap
extensions.

Get more details about configuring keyboard shortcuts in VS Code (/docs/editor/keybindings), such as
specifying keyboard rules or running multiple commands.

Change the look of VS Code with themes

Themes let you modify VS Code's appearance to match your preferences. VS Code comes with several
built-in themes. You can install more themes from the Visual Studio Marketplace (https://
marketplace.visualstudio.com/vscode).

Color themes enable you to modify the colors in the Visual Studio Code user interface to match your
preferences and work environment. A theme affects both the VS Code user interface elements and the
editor highlighting colors. VS Code supports both light and dark color themes to suit different lighting
environments and personal preferences.

3 sur 6 19/02/2025 18:27

Personalize VS Code https://code.visualstudio.com/docs/getstarted/personalize-vscode

To change the color theme in VS Code:

1 Open the Command Palette ( ⇧⌘P ).

2 Type color, and then select Preferences: Color Theme.

3 Use the Up and Down keys to preview color themes and use Enter to select one.

4 Optionally, select Browse Additional Color Themes to browse the Visual Studio Marketplace
(https://marketplace.visualstudio.com/vscode) for more color themes.

There are more theming options available in VS Code, such as File Icon themes or creating your own
themes. Get more details about themes in VS Code (/docs/editor/themes).

Change the display language

Visual Studio Code ships by default with English as the display language. You can change the display
language by installing a Language Pack extension from the Visual Studio Marketplace (https://
marketplace.visualstudio.com/search?target=VSCode&category=Language%20Packs&sortBy=Installs).

VS Code detects the operating system's UI language and prompts you to install the appropriate Language
Pack, if available on the Marketplace.

To change the current display language:

1 Open the Command Palette ( ⇧⌘P ).

4 sur 6 19/02/2025 18:27

Personalize VS Code https://code.visualstudio.com/docs/getstarted/personalize-vscode

2 Select the Configure Display Language command.

3 Select your preferred language from the list.

4 Restart VS Code when prompted.

Get more details about changing the display language in VS Code (/docs/editor/locales).

Next steps

After personalizing VS Code, you can:

• Explore key VS Code features with our Quickstart (/docs/getstarted/getting-started)

• Install extensions to add features for your programming language (/docs/getstarted/extensions)
• Set up version control with Git (/docs/sourcecontrol/overview)
• Configure debugging for your project (/docs/editor/debugging)

Was this documentation helpful?

Yes No

02/06/2025

Subscribe(/feed.xml) Ask questions(https://stackoverflow.com/questions/tagged/vscode)

Follow @code(https://go.microsoft.com/fwlink/?LinkID=533687)

Request features(https://go.microsoft.com/fwlink/?LinkID=533482)

Report issues(https://www.github.com/Microsoft/vscode/issues)

Watch videos(https://www.youtube.com/channel/UCs5Y5_7XK8HLDX0SLNwkd3w)

5 sur 6 19/02/2025 18:27

Personalize VS Code https://code.visualstudio.com/docs/getstarted/personalize-vscode

(https://
www.microsoft.com)

(https://go.microsoft.com/fwlink/?LinkID=533687)
(https://github.com/microsoft/vscode) (https://www.youtube.com/@code)

Support (https://support.serviceshub.microsoft.com/supportforbusiness/create?sapId=d66407ed-3967-
b000-4cfb-2c318cad363d)
Privacy (https://go.microsoft.com/fwlink/?LinkId=521839)
Terms of Use (https://www.microsoft.com/legal/terms-of-use) License (/License)

6 sur 6 19/02/2025 18:27