Integrate Prettier with Ember

.eslintrc.js

/*
  'plugin:prettier/recommended' does the following:

      extends: ['prettier'],
      plugins: ['prettier'],
      rules: {
        'prettier/prettier': 'error'
      }
*/
module.exports = {
  // ...
  extends: [
    'eslint:recommended',
    'plugin:ember/recommended',
    'plugin:prettier/recommended'
  ]
  // ...
};

.prettierrc

// This allows editors like atom-prettier to hook into these configuration options as well
{
  "arrowParens": "always",
  "bracketSpacing": true,
  "printWidth": 100,
  "proseWrap": "preserve",
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "none",
  "useTabs": false
}

instructions.md

• yarn add --dev prettier eslint-plugin-prettier eslint-config-prettier
• Update .eslintrc.js and add .prettierrc if you does not yet exist (shown above)
• Install prettier-atom or other Editor Integration plugin of your choice
• Optional: Configure your text editor plugin to always run on "File Save"
• Restart ember serve

package.json

{
  "devDependencies": {
    "eslint-config-prettier": "^2.9.0",
    "eslint-plugin-prettier": "^2.6.0",
    "prettier": "^1.13.4"
  }
}