如何分享预配置的vscode.dev？含扩展与特定标签页配置

Got it, let's walk through exactly how to create a shareable vscode.dev link that loads your installed extensions and opens those specific panels/previews you want others to see. No extra tools needed—just craft the right URL.

1. Include Your Installed Extensions #

vscode.dev lets you specify extensions to auto-install via the extensionIds URL parameter. Here's how to do it:

• For each extension you want to include, grab its unique ID. You can find this by:
  • Opening the extension in vscode.dev's marketplace (click the extensions icon, search for the extension, open its details page)
  • Copying the ID from the end of the marketplace URL (e.g., for Python, it's ms-python.python) or right-clicking the extension in your installed list and selecting "Copy Extension ID"
• Add all extension IDs to the URL separated by commas, like this:

  https://vscode.dev/?extensionIds=ms-python.python,esbenp.prettier-vscode,ms-vscode.vscode-typescript-next
  

  When someone clicks this link, vscode.dev will automatically install all listed extensions and load them.

2. Open Specific Panels/Preview Pages #

To auto-open those non-file tabs (like terminal, extension panels, or Markdown previews), use the openCommands parameter. This executes VS Code commands when the environment loads.

• First, find the command ID for the panel/preview you want to open. You can look these up by opening the command palette (Ctrl+Shift+P / Cmd+Shift+P), searching for the action, right-clicking it, and selecting "Copy Command ID".
  • Example command IDs:
    • Toggle terminal panel: workbench.action.terminal.toggleTerminal
    • Open Markdown preview: markdown.showPreview
    • Open Python interpreter selector: python.selectInterpreter
    • Open extensions panel: workbench.view.extensions
• Add these command IDs to the URL (again, separated by commas) alongside the extension parameter:

  https://vscode.dev/?extensionIds=ms-python.python&openCommands=workbench.action.terminal.toggleTerminal,markdown.showPreview
  

3. Combine Everything into One Link #

Merge both parameters into a single URL to get the full setup. For example, if you want to share a setup with Python + Prettier extensions, plus auto-open the terminal and a Markdown preview:

https://vscode.dev/?extensionIds=ms-python.python,esbenp.prettier-vscode&openCommands=workbench.action.terminal.toggleTerminal,markdown.showPreview

Quick Tips #

• If your URL gets too long, you can use a local shortener (or any tool you prefer) to make it easier to share—just avoid any sketchy services!
• Test the link yourself first to make sure all extensions install and panels open as expected. Sometimes command IDs might vary slightly depending on extension versions, so double-check if something doesn't work.

内容的提问来源于stack exchange，提问作者River