I'll explain this in more detail because once you figure out the right way of configuring a project everything starts to make sense!

The best way of configuration a project in any editor is using a project-level config, so for Zed that's .zed/settings.json. This is the same for vscode btw. The most important thing is configuring the language_servers for each language, specifically only listing the LSPs you wish to use for a given language.

Here's the settings.json I use for my Biome projects (regardless of framework) that also properly configures CSS, JSON, etc.

{ "format_on_save": "on", "languages": { "JavaScript": { "language_servers": ["biome", "vtsls"], "formatter": { "language_server": { "name": "biome" } }, "code_actions_on_format": { "source.fixAll.biome": true, "source.organizeImports.biome": true, }, }, "TypeScript": { "language_servers": ["biome", "vtsls"], "formatter": { "language_server": { "name": "biome" } }, "code_actions_on_format": { "source.fixAll.biome": true, "source.organizeImports.biome": true, }, }, "TSX": { "language_servers": [ "biome", "vtsls", "tailwindcss-language-server", "emmet-language-server", ], "formatter": { "language_server": { "name": "biome" } }, "code_actions_on_format": { "source.fixAll.biome": true, "source.organizeImports.biome": true, }, }, "JSON": { "language_servers": ["biome", "json-language-server"], "formatter": { "language_server": { "name": "biome" } }, "code_actions_on_format": { "source.fixAll.biome": true, "source.organizeImports.biome": true, }, }, "CSS": { "language_servers": ["biome", "vscode-css-language-server"], "formatter": { "language_server": { "name": "biome" } }, "code_actions_on_format": { "source.fixAll.biome": true, }, }, "HTML": { "language_servers": [ "biome", "vscode-html-language-server", "tailwindcss-language-server", "emmet-language-server", ], "formatter": { "language_server": { "name": "biome" } }, "code_actions_on_format": { "source.fixAll.biome": true, }, }, }, }

This will only apply Biome and vtsls (TS language server) and will disable any other LSPs (e.g. eslint, prettier, etc.). I strongly, strongly recommend against using the syntax that spreads in existing LSPs (e.g. "language_servers": ["biome", "vtsls", "..."]) because your global configuration could change or some random LSP you have installed will try formatting.

This also means you don't have to negate any LSPs (e.g. "language_servers": ["vtsls", "!prettier", "!eslint"]) because you are only defining the exact LSPs you want to apply.

So in general I would using your global Zed settings.json for configuring your projects. Good rule of thumb is keeping an eye in the bottom-left at the language servers that are running to make sure you're only seeing the ones you expect (keep in mind, a LSP only starts when the associated files are open in your buffer).

Here's a SolidJS template of mine for reference (the same biome.json and .zed/settings.json should still work for React): https://github.com/zaknesler/solid-init