XState VSCode enhances the XState development experience by providing VSCode users with features like in-editor visualization, autocomplete, typegen and linting.
Install via the Visual Studio Code Marketplace →
Visualize any XState machine from your editor, with an interactive diagram.
Intelligent suggestions for transition targets and initial states.
Highlights errors and potential bugs in your XState machine definitions.
Navigate around machines easily with jump to definition on targets, actions, guards, services and more.
If you'd like to ignore linting/autocomplete on a machine, add a // xstate-ignore-next-line comment on the line above it:
// xstate-ignore-next-line
createMachine({});