Prettier does an admirable job for JavaScript, CSS, and a number of variants (e.g. JSX, TypeScript, SCSS). The easiest way to start using Prettier is to follow the official installation instructions with a global install using either NPM or Yarn:

yarn global add prettier
npm install --global prettier

(By default, either of those commands will install /usr/local/bin/prettier on a Mac or Linux system)

Once you have it installed, you can reformat JavaScript, CSS, SCSS/LESS, etc. from the shell using e.g. yarn run prettier, npm run prettier, or simply prettier if your PATH includes the install directory:

$ prettier --write /path/to/my.js
my.js 42ms

Many editors and build tools have integrated support and it's highly recommended that you enable it as a format-on-save action in your editor or a Git pre-commit hook.

Pretter honors the top-level .editorconfig. We are intentionally not otherwise configuring it because the defaults reflect a reasonably broad portion of the JavaScript community and there is value in not having to manage or upgrade configuration.

Because the JavaScript community is roughly evenly split in preference for single or double quotes, we consider either to be acceptable as long as your Prettier configuration matches the project's convention. By default Prettier uses double quotes so if you prefer single quotes make sure to set the singleQuote option:

singleQuote: true

The provided .eslintrc.yaml configures ESLint using the Prettier plugin for consistency. You can enable this for your projects or globally using either NPM or yarn:

npm add --only=dev prettier eslint eslint-config-prettier
yarn add --dev prettier eslint eslint-config-prettier

The provided configuration is intentionally limited to the most basic ESLint recommended defaults. Please consider the long-term maintenance cost of any changes.

(Something TBD about use of vanilla JS, transpiled modern to ES5/6, etc.)