Customize Visual Studio Code
You can customize VS Code to work the way you like to work. Here is a quick primer on some of the most common ways to configure VS Code. Navigate to the relevant sections to learn more.
Tip: several categories of customizations can be shared in the Extension Gallery. It's always a good idea to look there first.
|User and Workspace settings||Configure settings for an individual workspace or all workspaces. Word-wrapping, linting options and much more.||No|
|Key Bindings||Review all key bindings and change them to suit your needs.||No|
|Tasks||Tasks are a great way to connect VS Code with your broader development workflow.||No|
|Themes||Add additional color themes to VS Code.||Yes|
|Basic Language Support||Add additional basic language support (colorization and bracket matching) to VS Code via a TextMate bundle. You can also associate more file extensions with an existing language.||Yes|
|Snippets||Add additional snippets to your favorite language||Yes|
Here are a few pointers to help you on your way...
- Extension Gallery - browse the extensions others have shared
- Yo Code - to generate a customization, then install it locally
- Publishing Tool - use the vsce publishing tool to share your customization with others
Q: How can I make my customization get loaded into VS Code on start-up?
A: If you move a copy of your customization into your
.vscode/extensions folder it will be loaded up as VS Code is started.
Q: What are the valid fields in the
project.json (extension Manifest) file?
A: We have extended the
package.json to include the required fields for customisation and extension loading/distribution. We have an overview of the optional and mandatory sections of the extension manifest available.
Q: Can a
package.json contribute more than one customization?
A: Yes, the
contributes attribute can take a comma delimited list of contribution types and, as you'll notice from the json above, each contribution type takes an array (e.g.
"themes": [ ]).
Q: I created a new customization but I don't see it displayed in VS Code?
A: Make sure you have copied all of the generator's output files to a new folder under your
.vscode/extensions folder (e.g. ".vscode/extensions/cooltheme") and that you have restarted VS Code after installing the customization.
On startup, if VS Code detects an issue with a customization, you will see an error message which can aid in debugging your customization.