Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jvaclavik/ionic-starter-blank
https://github.com/jvaclavik/ionic-starter-blank
Last synced: 3 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/jvaclavik/ionic-starter-blank
- Owner: jvaclavik
- Created: 2016-01-11T16:44:46.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2016-03-21T16:22:51.000Z (almost 9 years ago)
- Last Synced: 2024-11-10T07:40:55.163Z (2 months ago)
- Language: JavaScript
- Size: 1.79 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Application skeleton
=============================
Before the application can run you need to
* Install npm dependencies
```
npm install
```
* Install bower dependencies
```
bower install
```
* Copy used bower js and css libs and fonts to the app
```
gulp bowerlibs
```
Using ES6 (babel) in app
------------------------
It's simple. Just set extension of your file to .es6.js and put it in some of the app-folders (www/model, www/app, www/view).
Don't forget that these files must be transpiled to Vanilla javascript, so you have to serve them from www/build/ folder.
Don't worry about directory structure where are files compiled, it mimics current folder structure.
So if you want to use ES6 version of you file, just put build/ in fron of the path in `````` tag in index.html.
Application structure
---------------------
```
+- bower_components (bower libraries)
+- hooks (something cordova needs)
+- node_modules (node libraries)
+- resources (app icons and splash screens)
+- scss
| +- partials
| +- ui
| +- views (scss for specific views)
| \- ionic.app.scss (main scss that imports all the others)
|
\- www
+- app
| +- app.js
| \- config.js
|
+- css (generated css files from scss and bower libs)
+- fonts (fonts from bower libraries)
+- img (images used in the app)
+- js (bower js and code used across apps)
+- model (app specific models)
| \- global-service.js
|
+- views (app specific views)
| |
| \- main
| \- main.js
\- index.html
```