brackets-static-preview icon indicating copy to clipboard operation
brackets-static-preview copied to clipboard

[UNMAINTAINED] Serves a project via a static web server and opens it in the default browser

Static Preview

No Maintenance Intended

This extension for Brackets allows you to run your current project on a static web server.

Usage

  1. Open Brackets
  2. Start Static Preview via the File -> Static Preview or by clicking on the toolbar icon

Note: Static Preview will be automatically stopped when switching projects or reloading Brackets.

Difference between LiveDevelopment and Static Preview

LiveDevelopment opens a live connection via the remote debugger protocol to your local browser and updates HTML and CSS updates as you type, along with some other niceties.

However, there are some limitations when using LiveDevelopment:

  • currently works only with Google Chrome
  • you can’t open Chrome Developer Tools while LiveDevelopment is active
  • although the current project is served via a local server, you can’t visit it with a different browser/device

Static Preview starts an express.js server behind the scenes and uses your current project root as its base directory. This allows you to use your developer tools and/or visit your project with any browser/device you want.

License

The MIT License. See LICENSE.