Preview for Atom

Ultimate previewer of source code in Atom.

Atom Package: https://atom.io/packages/preview

apm install preview

Or Settings/Preferences ➔ Packages ➔ Search for preview

Features

• [x] Preview source code in compiled form in separate tab
• [x] Live updating of preview
• [x] Shows loading and error messages
• [x] Updates on Tab Change
• [x] Highlights using active Atom theme
• [x] Users can manually change the default preview renderer
• [x] SpacePen Views can live preview!

Supported Languages

• [x] CoffeeScript
• [x] Literate CoffeeScript
• [x] LESS
• [x] Jade
• [x] DogeScript
• [x] TypeScript
• [x] Stylus
• [x] DSON
• [x] React (JSX)
• [x] EmberScript
• [x] ng-classify
• [x] LiveScript
• [x] SASS/SCSS
• [ ] Markdown
• [ ] Haml
• [ ] ClojureScript
• [ ] Dart

Package Settings

• Refresh Debounce Period (milliseconds) - Set the debounce rate for preview refreshing. For instance, if you type or switch tabs, how long of a pause before the preview refreshes.
• Update On Tab Change (boolean) - Should the preview update to the currently active tab?

Screenshots

Preview CoffeeScript as JavaScript

Syncing with Tab Changes