Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>EventConductorNew to Visual Studio Code? Get it now.
EventConductor

EventConductor

miguelperezcolom

| (0) | Free
Edit EventConductor workflow definitions (.ec) as an interactive graph or as YAML/JSON with schema validation.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

EventConductor for VS Code

Edit EventConductor workflow definitions (.ec files) as an interactive graph or as plain YAML/JSON with schema validation — both views edit the same file.

Features

  • Graph editor (default): opens any .ec file as the EventConductor workflow graph. Drag nodes, Shift+drag to draw precondition lines, click to filter, zoom/pan/fit, minimap, and the animated token simulation — the same component used inside the app.
  • Dual mode: the graph is backed by the text document, so graphical edits update the file and text edits update the graph. Use EventConductor: Open as Text (editor title or command palette) to edit the YAML/JSON directly, and Open as Graph to go back.
  • .ec is JSON or YAML: the format is detected from the file's content and preserved on graphical edits.
  • Schema validation: .ec files are validated against the workflow-definition JSON schema (JSON bodies out of the box; for YAML install YAML by Red Hat and point yaml.schemas at ./schema/ec.schema.json).

Develop

cd plugins/vscode-eventconductor
npm install
npm run compile     # syncs the graph bundle + schema, then compiles TypeScript

Then press F5 in VS Code (Extension Development Host) and open a .ec file.

npm run compile runs scripts/sync-assets.js, which copies the graph bundle (workflow-graph.js) and the JSON schema from the main repo into the extension, so the extension always ships the current component. Re-run it after rebuilding the frontend.

Note: graphical edits round-trip the definition through the model, so YAML comments and exact formatting are not preserved when you edit in the graph — use the text editor when you need to keep them.

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