📏 atom-auto-prettier
An Atom package that semantically reformats Javascript based on the window size.
Powered by prettier and inspired by refmt for Reason.
🎥 Demo
Without auto-prettier:
Notice how Atom simply breaks lines at whitespace characters:
With auto-prettier:
Notice how prettier breaks lines at Javascript-specific boundaries, such as blocks, object properties, and function arguments:
Does this package modify my source code?
Yes, in the author of prettier's words: "[Prettier] removes all original styling and ensures that all outputted JavaScript conforms to a consistent style".
💾 Install
prettier-atom
atom-auto-prettier depends onInstall both atom-auto-prettier and prettier-atom via Atom's Install view or via apm:
apm intall atom-auto-prettier prettier-atom
💻 Usage
Use Atom's command palette to toggle auto-prettier on/off or use the CTRL+ALT+SHIFT+F shortcut.
👍 Contributing
See the Atom contributing guidelines
Workflow
- Fork this repo
- Clone your fork
git clone https://github.com/[YOUR_NAME]/atom-auto-prettier.git && cd atom-auto-prettier
- Install dependencies
npm install
- Link your repo (which installs this local version of the package and allows you to test changes in Atom)
apm link
- Reload Atom to test changes
- Atom Command Palette > "Window: Reload"
- Submit a pull request!