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

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

Supported Languages

• CoffeeScript
• Literate CoffeeScript
• LESS
• Jade
• DogeScript
• TypeScript
• Stylus
• DSON
• React (JSX)
• EmberScript
• ng-classify
• LiveScript
• 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