All Projects → gnestor → Atom Auto Prettier

gnestor / Atom Auto Prettier

Licence: mit
An Atom package that semantically reformats Javascript based on the window size

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Atom Auto Prettier

Sublimejsprettier
JsPrettier is a Sublime Text Plug-in for Prettier, the opinionated code formatter.
Stars: ✭ 355 (+491.67%)
Mutual labels:  prettier, format
Go Plus
An Enhanced Go Experience For The Atom Editor
Stars: ✭ 1,519 (+2431.67%)
Mutual labels:  atom, format
Prettier Atom
An atom package for the prettier formatter.
Stars: ✭ 750 (+1150%)
Mutual labels:  prettier, atom
prettier-eslint-atom
DEPRECATED IN FAVOR OF prettier-atom + ESLint integration
Stars: ✭ 64 (+6.67%)
Mutual labels:  atom, prettier
Atom Stylefmt
Format your CSS using stylefmt.
Stars: ✭ 35 (-41.67%)
Mutual labels:  atom, format
Go Signature Statusbar
Display the signature of the current Go function under the cursor in the status bar of Atom
Stars: ✭ 44 (-26.67%)
Mutual labels:  atom
Autocomplete Ruby
Provides intelligent code completion for Ruby in the Atom editor. Requires RSense.
Stars: ✭ 50 (-16.67%)
Mutual labels:  atom
Atom Flutter
An Atom plugin for Flutter developers
Stars: ✭ 42 (-30%)
Mutual labels:  atom
My Configurations
Chris Hough's .dot files + workstation setup
Stars: ✭ 40 (-33.33%)
Mutual labels:  atom
Agda Mode
agda-mode on Atom
Stars: ✭ 58 (-3.33%)
Mutual labels:  atom
React Cool Starter
😎 🐣 A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
Stars: ✭ 1,083 (+1705%)
Mutual labels:  prettier
Plugin Ruby
Prettier Ruby Plugin
Stars: ✭ 1,054 (+1656.67%)
Mutual labels:  prettier
Pretty Time
Easily format the time from node.js `process.hrtime`. Works with timescales ranging from weeks to nanoseconds.
Stars: ✭ 44 (-26.67%)
Mutual labels:  format
Node Typescript Boilerplate
Minimalistic project template to jump start a Node.js back-end application in TypeScript. ESLint, Jest and type definitions included.
Stars: ✭ 1,061 (+1668.33%)
Mutual labels:  prettier
Gatsby Starter Strict
A Gatsby starter with strict linting and auto-formatting rules.
Stars: ✭ 43 (-28.33%)
Mutual labels:  prettier
Atom
Atom file-specific icons for improved visual grepping.
Stars: ✭ 1,093 (+1721.67%)
Mutual labels:  atom
Alfred Atom
Alfred workflow to browse and open Atom projects
Stars: ✭ 41 (-31.67%)
Mutual labels:  atom
Terminus
Terminus, a terminal for Atom! - Looking for collaborators hop in, at your next bus stop :-)
Stars: ✭ 49 (-18.33%)
Mutual labels:  atom
Atom File Types
Specify additional file types for languages.
Stars: ✭ 54 (-10%)
Mutual labels:  atom
Atom Pull Requests
View/Edit comments on a Pull Request directly inside the Atom Editor
Stars: ✭ 47 (-21.67%)
Mutual labels:  atom

📏 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:

screenshot

With auto-prettier:

Notice how prettier breaks lines at Javascript-specific boundaries, such as blocks, object properties, and function arguments:

screenshot

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

atom-auto-prettier depends on prettier-atom

Install both atom-auto-prettier and prettier-atom via Atom's Install view or via apm:

apm install 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!
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].