Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>MCsets Theme IDENew to Visual Studio Code? Get it now.
MCsets Theme IDE

MCsets Theme IDE

mcsets

|
2 installs
| (0) | Free
Edit MCsets storefront themes with full VS Code editor support, live preview, and hot reload.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MCsets Theme IDE

Edit your MCsets storefront themes directly from VS Code. Connect to your store, edit Twig templates, CSS, and assets with full editor support, live preview, and instant sync.

Features

  • Connect to your store — Authenticate with your MCsets API key and start editing immediately
  • Full file tree — Browse and edit all theme files (Twig, CSS, JS, images) from the sidebar
  • Live preview — See changes on your storefront as you edit
  • Auto-sync — Files save to your store automatically with debounced uploads
  • Twig support — Syntax highlighting for .twig template files
  • Push all files — Bulk push your local changes to the store in one click

Getting Started

  1. Install the extension
  2. Open the MCsets Theme panel in the activity bar
  3. Run MCsets: Connect to Store and enter your API key
  4. Your theme files will appear in the sidebar — edit and save as normal

Commands

Command Description
MCsets: Connect to Store Authenticate and load your theme files
MCsets: Disconnect Disconnect from the current store
MCsets: Open Preview Open a live preview of your storefront
MCsets: Refresh Files Re-fetch all files from the server
MCsets: Push All Files to Store Upload all local changes to the store

Settings

Setting Default Description
mcsets.apiBaseUrl https://app.mcsets.com/api API base URL
mcsets.saveDebounceMs 500 Delay before auto-saving changes to the server

Links

  • MCsets
  • Documentation
  • Support
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft