Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>States ExampleNew to Visual Studio Code? Get it now.
States Example

States Example

TypeFox

|
1,875 installs
| (0) | Free
An example Xtext-based DSL with Sprotty diagrams for statemachines
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

A VSCode extension for a textual DSL with diagrams

Screenshot

Features

  • a textual DSL editor based on an Xtext LSP,
  • diagrams based on Sprotty,
  • animated automatic diagram updates on text changes,
  • synchronized selection of text editor and diagram,
  • SVG export (ALT-E), animated center selection (ALT-C), animated fit selection to screen (ALT-F).

Build it

language-server/gradlew -p language-server build  # build the language server
yarn --cwd webview                                # build the bundle.js for the webview
yarn --cwd extension                              # build the extension

Run it

  • load the repo into VS Code,
  • built it, and
  • lanch the extension states-extension.

An example DSL file can be found here.

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