Vogue creates a real-time link between your web browser and your file system. When you save a CSS file, used by the HTML page in your browser, Vogue will make the browser reload the stylesheet. Only the stylesheet is reloaded, not the entire page, making it work even for very dynamic/ajax pages.
Run the Vogue server.
vogue --port 8001 /path/to/website
--port : The port used for Vogue's HTTP server. Optional, defaults to 8001.
Multiple directories can be watched by using separating the paths with colons. e.g.
Vogue runs a separate HTTP server to the one running your website. To run the demo website, for example, do something like this first:
cd demo python -m SimpleHTTPServer
Then, from another terminal session, run Vogue:
Try editing the CSS files in the
demo/styles directory. Whenever you save, you will see the
browser update the reflect the changes made. This is done without reloading the entire page.
Copyright © 2011 Andrew Davey (email@example.com)