#C9Live
Live preview and Auto refresh for Cloud9 IDE in Google Chrome.
##Features
- Live Preview for current opened file
- Auto Refresh for all opened tabs with files from current project
- Auto switching between files when in Live Preview mode
##Install
-
Download and extract the zip from the unpacked folder
-
Install the plugin:
- Go to Properties - > Extensions or type chrome:extensions in your address bar
- Be sure to have Developer mode turned ON
- Click Load unpacked extension
- Select the folder that contains C9Live
##How it works
First you need to start previewing a file the old fashion way by clicking the default Cloud9 IDE Preview button
Than arrange your tabs side by side so you can see them both at the same time.
In the top bar of the IDE you'll find the triggers for Live Preview and Auto Refresh. They can be both turned on simultaneously.
####Live Preview Every time you make a change to your document, C9Live will take the content of your current page and inject it into the preview tab. If you're previewing a different file, the plugin will first switch to the latest edited file than start live preview. This work best for writing HTML & CSS
####Auto Refresh There are times when you need a refresh to the page ( to fire up javascript events ). Then you can turn on Auto Refresh mode. Every time your document is saved C9Live will refresh any files from your current project that are open for preview. So for example you're editing a code.js file and you need to see how your changes affect your project. You can start previewing your index.html and every time you change the code.js file the HTML document will be refreshed. Sweet, right?