# Demo app and docs don't match up

**URL:** <https://forum.ionicframework.com/t/demo-app-and-docs-dont-match-up/4715>\
**Category:** ionic-v1\
**Created:** [May 24, 2014, 2:59am UTC](https://forum.ionicframework.com/t/demo-app-and-docs-dont-match-up/4715 "2014-05-24T02:59:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jesv](https://avatars.discourse-cdn.com/v4/letter/j/53a042/32.png) [@jesv](https://forum.ionicframework.com/u/jesv)\
**Post date:** [May 24, 2014, 3:00am UTC](https://forum.ionicframework.com/t/demo-app-and-docs-dont-match-up/4715/1 "2014-05-24T03:00:00Z")

</div>

I set up a demo app based on the instructions on here: [http://ionicframework.com/getting-started/](http://ionicframework.com/getting-started/)  
But the file structure that I wind up with doesn’t match up with the instructions in the SASS tutorial here: [http://ionicframework.com/tutorials/customizing-ionic-with-sass/](http://ionicframework.com/tutorials/customizing-ionic-with-sass/)

The SASS instructions say to download the latest version of Ionic, and give a recommended file structure that looks like this:

- css/
  - app.css (processed CSS file that will automatically be generated)

- fonts/
- img/
- js/
- scss/
  - ionic/ (entire scss directory copied from the download, then renamed to “ionic”)
  - app.scss (your app’s custom Sass file)

- index.html

But the demo app that is generated using “ionic start myApp sidemenu” gives you this file structure:

- css
- img
- js
- lib
  - ionic
    - css
    - fonts
    - js
    - scss

- templates

The tutorials and demos are great for helping noobies like me, but having them not match up makes things a little hard to follow.

1. Which file structure is better to use?

2. The SASS instructions say to use this command to watch the sass files “sass --watch scss/app.scss:css/app.css”, but I don’t have a scss/app.scss file anywhere, even though I do have a www/lib/scss/ionic-app.scss file. Is that the one I should be watching?

Thanks.

---

<div class="post-metadata">

**Author:** ![forthewinn](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@forthewinn](https://forum.ionicframework.com/u/forthewinn)\
**Post date:** [June 10, 2014, 5:00pm UTC](https://forum.ionicframework.com/t/demo-app-and-docs-dont-match-up/4715/2 "2014-06-10T17:00:26Z")

</div>

I noticed this as well, and am looking for answers to the same questions.

The starter (sidemenu) project generated doesn’t match up with the docs.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [June 10, 2014, 5:11pm UTC](https://forum.ionicframework.com/t/demo-app-and-docs-dont-match-up/4715/3 "2014-06-10T17:11:05Z")

</div>

Hey there guys, thanks for pointing this out. Those docs are a little out of date, but can be updated 😄  
For the most recent way of using sass with the ionic CLI, check out the main repo fore the app base.

> **[ionic-team/ionic-app-base](https://github.com/ionic-team/ionic-app-base)**
>
> ionic-app-base - A base starting point for Ionic, with Cordova, Bower, and Gulp.

I will address this tonight.

---

<div class="post-metadata">

**Author:** ![jesv](https://avatars.discourse-cdn.com/v4/letter/j/53a042/32.png) [@jesv](https://forum.ionicframework.com/u/jesv)\
**Post date:** [June 10, 2014, 5:34pm UTC](https://forum.ionicframework.com/t/demo-app-and-docs-dont-match-up/4715/4 "2014-06-10T17:34:19Z")

</div>

Great, thanks! I was able to get by just poking around with the CLI app.

---

<div class="post-metadata">

**Author:** ![forthewinn](https://avatars.discourse-cdn.com/v4/letter/f/8e7dd6/32.png) [@forthewinn](https://forum.ionicframework.com/u/forthewinn)\
**Post date:** [June 10, 2014, 5:37pm UTC](https://forum.ionicframework.com/t/demo-app-and-docs-dont-match-up/4715/5 "2014-06-10T17:37:04Z")

</div>

Thanks Mike.

I was able to get to work by uncommenting the following, and installing gulp (npm install gulp) + modules.

```
<!-- IF using Sass (run gulp sass first), then remove the CSS include above
<link href="css/ionic.app.css" rel="stylesheet">
-->

```

Note that in order to get “gulp sass” to run successfully requires the installation of several modules in addition to gulp. I kept running it and installing the necessary modules when it errored (5 or 6); might worth pointing out that these are required? It also did not seem to work when doing npm install -g gulp, only the local npm install gulp which installs in the node\_modules folder of the project.