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

Log in or sign up for Devpost to join the conversation.