XState VSCode enhances the XState development experience by providing VSCode users with features like visual editing, autocomplete, typegen and linting.
Visually edit machines
Edit any XState machine with drag-and-drop using the Stately Visual editor.
Intelligent suggestions for transition targets and initial states.
Highlights errors and potential bugs in your XState machine definitions.
Jump to definition
Navigate around machines easily with jump to definition on targets, actions, guards, services and more.
Hints and Tips
If you'd like to ignore linting/autocomplete on a machine, add a
Click the lightbulb when hovering an named action, guard or service in a machine to see available refactors.