Once a tutorial module has been started in VS Code, you may start following the module's content. The currently started module’s name is displayed in the tutorial’s sticky header with the Active module label. Starting the module makes Wallaby run the module’s tests and code in your editor. Some modules can be started in your opened VS Code instance right from the tutorial page using VS Code icon in the module’s header. The tutorial consists of several modules that cover specific Wallaby features. If this does not help, please try using Chrome in case your browser is blocking the localhost web socket connection that Wallaby uses to synchronize VS Code with the tutorial page.

In this case you may try running the Wallaby.js: Open Tutorial command in your editor to restore the connection. If the tutorial cannot connect to VS Code because it's not running, or if the tutorial page disconnects from VS Code for some reason, you will see the Not connected to editor label at the right side of the tutorial header. We recommend positioning the VS Code window with the opened tutorial repository side-by-side with the tutorial browser window for the best user experience.Īlternatively, you may follow the tutorial without having VS Code opened, however in this case you will not be able to open source files or save your learning progress. The command downloads and opens a GitHub repository with code examples for the tutorial.

The tutorial is supposed to be opened by running the Wallaby.js: Open Tutorial command (or using the links on the Wallaby Welcome VS Code page). The tutorial is suitable for new users, and existing users who want to learn how to use new features as they are released. Welcome to the Wallaby VS Code interactive tutorial. Explore other Wallaby features About the Tutorial

What is visual studio code lens