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
• [ ] SASS
• [ ] 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

[npm]: https://www.npmjs.org/package/generator-atom-package [atom-doc]: https://atom.io/docs/latest/creating-a-package "Official documentation"

Built With

• clojure
• coffeescript
• css
• dogescript
• javascript
• livescript
• typescript