Command: Insight.js: Watch active file
Inline values are the bread and butter of Insight.js. They visualize runtime data side-by-side with your source code.
Be the computer!
Code playgrounds are processes that watch and re-evaluate a given .js or .ts file each time it changes. You can configure Insight.js to run your file on every edit or only on save.
Code playgrounds speak modern JavaScript and TypeScript, and JSX out of the box with the help of Babel and Sucrase.
You can start a code playground by clicking the "play button" in your menu - the additional icon on the right-hand-side of the tab bar, a right-facing triangle in a circle.
<aside> ⚠️ Warning: Code Playgrounds are full-fledged Node.js processes. Do not run untrusted code! If your code has a lot of side-effects, be mindful of the consequences of automatic runs with interstitial values. (accidentally deleting a directory, getting yourself rate-limited by an external service, spawning zombie processes) It's best to run such code on save rather than on change.
</aside>
Insight.js's Data Inspector pane complements inline values by providing a view into the data corresponding to the currently selected line.
Insight.js's data inspector in action.
Command: Insight.js: Start App Monitor
Insight.js's App Monitor connects to running apps (Node.js and browser) displays inline values.
You can configure the app monitor to automatically start when VS Code starts up.
To get started, check out App Monitor setup.