ADCode

Live preview

See a web page you are building beside your code, updating as you type.

When you would want it

Saving, switching to a browser, and refreshing is three steps too many when you are adjusting a layout.

Where to find it

  • All Features → Live preview
  • Open (command:preview.toggle)

How to use it, step by step

  1. Open a HTML file and start the preview.
  2. It reloads itself when you save.

Why this beats the usual way

Terminal, run button, live preview, collaboration, and a command palette that indexes everything: the pieces that make an editor a workbench are built in rather than assembled from extensions, and each one degrades honestly - telling you what is missing instead of failing mysteriously.

Find it in Universal Search

Live preview · The workbench · browser · website · screen size · responsive