Preview

The Preview window exists by default as a pane on the right side of your screen. It's a live preview of your current code that auto updates whenever you stop typing. You can resize the preview, explore different screen dimensions, block images, or simulate visual impairments.

Tip

You can manually refresh the preview using the Refresh Icon button in the top left of the preview or via the command palette.

Screen recording demonstrating the preview

Pop out Preview

If you like working with multiple screens, you can pop out the Preview into a separate tab.

The pop out preview has the same functionality as the in-window Preview.
Screen recording showing how to pop out the preview

Simply close the preview tab to restore your workspace to the default layout.

Screen recording showing how to restore the in-window preview