Document API doc generator plugins

Author: samselikoff

tests/dummy/app/pods/docs/quickstart/template.md

@@ -10,8 +10,18 @@ marketing/demo page you can use to promote your addon.
   ```
   ember install ember-cli-addon-docs
   ```
+  
+2. **Install an API doc plugin.** API docs are autogenerated from comments in your source code. Depending on which style you'll be using ([ESDoc](https://esdoc.org/) or [YUIDoc](http://yui.github.io/yuidoc/)), install the corresponding addon-docs plugin.
 
-2. **Add the docs routes.** Open `tests/dummy/app/router.js` and replace the
+  ```
+  # ESDoc
+  ember install ember-cli-addon-docs-esdoc
+  
+  # YUIDoc
+  ember install ember-cli-addon-docs-yuidoc
+  ```
+
+3. **Add the docs routes.** Open `tests/dummy/app/router.js` and replace the
 standard EmberRouter with the AddonDocsRouter:
 
   {{#docs-snippet name='quickstart-router.js' title='tests/dummy/app/router.js'}}
@@ -30,7 +40,7 @@ standard EmberRouter with the AddonDocsRouter:
     export default Router;
   {{/docs-snippet}}
 
-3. **Create your docs skeleton.** Create a new template for the `docs` route
+4. **Create your docs skeleton.** Create a new template for the `docs` route
 and make sure it contains the `DocsViewer` component and navigation items for
 all docs pages in your site.
 
@@ -53,7 +63,7 @@ all docs pages in your site.
     {{/docs-viewer}}
   {{/docs-snippet}}
 
-4. **Create your Markdown templates.** Markdown templates contain the actual
+5. **Create your Markdown templates.** Markdown templates contain the actual
 documentation for your addon and live in the folder
 `tests/dummy/app/templates/docs`. Since Addon Docs supports Markdown out
 of the box we will create two `.md` files (one for your docs `index` and one
@@ -71,7 +81,7 @@ for the `usage` page).
     So easy to use, sweet!
   {{/docs-snippet}}
 
-5. **Create your marketing homepage**. Addon Docs comes with a set of
+6. **Create your marketing homepage**. Addon Docs comes with a set of
 components that take out all the hard work normally required for creating
 good looking marketing/demo pages. Creating a template with the following
 components will instantly give your main page a header, a nice hero
@@ -93,7 +103,7 @@ and a snippet-ready demo container.
     {{/docs-demo}}
   {{/docs-snippet}}
 
-6. **Add a 404 route.** Add the following route to the end of your router and
+7. **Add a 404 route.** Add the following route to the end of your router and
 create the associated template.
 
   {{#docs-snippet name='quickstart-404.js' title='tests/dummy/app/router.js'}}
@@ -107,17 +117,17 @@ create the associated template.
     </div>
   {{/docs-snippet}}
 
-7. **Launch your docs site**. Run `ember serve` and browse to
+8. **Launch your docs site**. Run `ember serve` and browse to
 `localhost:4200/docs` to enjoy your brand new documentation website.
 
-8. **Create more pages.** To add more doc pages simply follow the same steps as
+9. **Create more pages.** To add more doc pages simply follow the same steps as
 used for the `Usage page in above examples`:
 
   - create a docs subroute
   - add a corresponding navigation item to the `docs` template
   - create a corresponding Markdown template
 
-## Optional
+## Optional steps
 
 1. **Keyboard navigation.** You may want to enable keyboard navigation for your
 docs site by adding the `DocsKeyboardShortcuts` component to your dummy