t for type. When using these, you must use a single hyphen:\n\n- -n The name for your project.\n- -p The path for your project. If not provided, will put on desktop.\n- -o The OS theme to use. If none provided, will use iOS.\n- -t The type of project: navigation, slideout, tabbar. If none provided, will create a default shell with a simple list.\n\n\n```\n// Create a simple Android app in the folder Fruits in ~/Documents/Dev:\ntruckjs -n Fruits -p ~/Documents/Dev/ -o android \n\n// or create iOS tabbar interface in Fruits on the desktop:\ntruckjs -n Fruits -o ios -t tabbar\n\n// or create a slide out menu for Windows Phone in Fruits on the desktop:\ntruckjs -n Fruits -o windows -t slideout\n```\n\n##Browserify, Babelify & LiveReload\n\nYou can also create a Browserify project with Livereload and Babelify. This allows you to write your app's code using ES6 that gets transpiled to ES5. We use this so you can take advantage of ES6 template literals when defining your app's views. You can also use comprehensions, classes and arrow functions in your code if you want to. To build your project with these features, just use the `--browserify` or `-b` flags with your command:\n\n```\ntruckjs -n Fruits -o windows -t slideout --browserify\n\n// or\ntruckjs -n Fruits -o windows -t slideout -b\n```\n\nThis will create the following directory structure:\n\n```\n- data\n- dev\n- dist\ngulpfile.js\n- images\nindex.html\npackage.json\n```\nAfter creating your app, `cd` to the folder and run:\n\n```\nnpm install\n```\n\n####App.js, The Core of Your App\nThe `dev` folder holds a file called `app.js`. This is the development version of your app's JavaScript. Because this project also has Babelify. When you run a build or serve command, this file gets transpiled to ES5.\n\n\nWhen the install is done, you have two options. You can run a build script or a server script. When you run the build script, it take the app.js file and converts it to valid ES5 an outputs it to the `dist` folder. Your `index.html` references it from the `dist` folder. When you run the server script, it first runs the build script and then starts up a server instance and opens your default browser. You can change which browser it opens by editing the browserSynch browser property in the `gulpfile`. Currently it is commented out:\n\n```\n// ,browser: ['chrome']\n```\n\nUncomment it and put whatever browser you want to use (Chrome, IE, Edge, Safari, Firefox). \n\nTo build your project, run the following command in your project folder:\n\n```\ngulp build\n```\n\nTo run a server instance with your project, run:\n\n```\ngulp server\n// or just:\ngulp\n```\n\nThis will first build the project, then start up a server instance and load your project in your defaut browser. This also starts up a watch task for your `index.html`, `app.js` and data files. As soon as you edit any of these, your app will automatically reload in the browser without you needing to reload it yourself. Please be aware that if you do something that throws an exception in either the browser or the server instance, you will need to run the server command again. Sometimes when an error is throw, the server stays alive but can't respond. In that case, hold the command key and hit the C key. This will abort the server, allowing you to restart it.\n\n####Using Template Literals\n\nBecause this setup is using Babelify, you can use ES6 code styles in your `app.js` file. By default all templates in the `app.js` use ES6 template literals. These simplify how to write view templates. Just enclose the template between an opening and closing back tick, no need to escape new lines or quotes:\n\n```\nvar MusicView = $.View({\n element: '#musicList',\n variable: \"song\",\n // Use template literal:\n template: \n `\n
\n {= song.title }
\n{= song.album }
\n{= song.description }
\n