import { ConfigTable } from '../../../components/ConfigTable.mdx'; import { Callout } from 'nextra/components';
The Cosmos config is a JSON file, so it can only contain serializable values. This design decision is meant to discourage complex configuration, make it easy to embed config options into the Cosmos UI, and enable visual config editing.
You can enhance your Cosmos config with autocomplete in code editors like VS Code.
And if you use VS Code you can map the Cosmos config schema globally by extending your user settings.
"json.schemas": [
{
"fileMatch": ["cosmos.config.json"],
"url": "http://json.schemastore.org/cosmos-config"
}
]Alternatively, you can reference the local Cosmos config schema in your workspace configuration.
"json.schemas": [
{
"fileMatch": ["cosmos.config.json"],
"url": "./node_modules/react-cosmos/config.schema.json"
}
]
{ "$schema": "http://json.schemastore.org/cosmos-config", // your options... }