Ember-debonair

About

Ember-debonair is an oppinionated set of ESLint rules, addons, configurations, etc. that you can use to get up and running quickly with your Ember app or addon. You can use these addons to enforce code style and code coverage, setup a grid with flexi, use SCSS for your styles, etc. The rules and addons, included here, are heavily used throughout the Ember community, but are tweaked slightly to the opinions I wanted to enforce for Ship Shape addons and apps.

Installation

ember install ember-debonair

Packages

App Styling

• ember-cli-sass Allows using scss for styles
• ember-component-css Allows defining styles inside component pod directories
• flexi Provides a lightweight grid based on flexbox

Code Climate / Test Coverage

• codeclimate-test-reporter Uploads code coverage data, during Travis build
• ember-cli-code-coverage Computes code coverage data

Code Style

• ember-cli-eslint Allows using ESLint to enforce JS style
• ember-cli-stylelint Enforce style for your scss files
• ember-cli-template-lint Enforces template styles
• eslint-plugin-ember
• eslint-plugin-ember-suave
• stylelint-config-ship-shape

Misc

• ember-chrome-devtools
• ember-cli-autoprefixer Automatically add vendor prefixes to styles

Files

ESLint

• .eslintrc.js Extends eslint-plugin-ship-shape
• /tests/.eslintrc.js Uses the default embertest from ember-cli-eslint

Stylelint

• .stylelintrc.js Extends stylelint-config-ship-shape