How to create different environments to code in VS Code (e.g. : one for react, one for Vue JS)

Question

I want to have custom settings for each library in VS Code.

For example, I want to enable a plugin in all my React projects but not in Vue JS.

I don't want to do it manually, is there a thing to switch settings?

I don't want the IDE automatically detect it, I want to create customized settings and switch between them when I need to.

Answer 1

You can create a .vscode folder in each and every project you build, and add your customized setting.json for every project

reference https://code.visualstudio.com/docs/getstarted/settings

my .vscode/setting.json

{
  "git.ignoreLimitWarning": true,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true
}

enter image description here

Answer 2

As the other answers mentioned, we can create different workspaces, but this is not ideal for me!

So I found these extensions that you can create profiles and switch between them quickly.

I found these useful:

1.Profile Switcher 2.Extension profiles