A template for Framework7 based on TypeScript, AngularJS, SASS and Grunt
Made with <3 by www.timo-ernst.net
Important! Read this first
The brave ones who want to dive into the funky TypeScript fun, read on:
How to build
No complicated bower or yeoman stuff. Just get from Github.
npm installand then
grunt compileto compile and copy everything from /src to /build. Default task for grunt is “watch” which you can use for auto-compile and -reload in the browser when you do changes in /src.
To see the result just call
grunt compile and then open index.html from
Or you can check this live demo in your browser that I built on top of this template: http://timo-ernst.net/blog/2015/04/02/experiment-an-iphone-app-built-with-framework7-typescript-and-angularjs/
Get started coding
Good start points to dive into the code are:
- For HTML: src/index.dev.html
- For Scripts: src/ts/Typework7/init.ts
- For Styles: src/sass
Credits & Links
- Template is based on this tutorial which is also a good place to start for Angular+TypeScript: https://kodeyak.wordpress.com/2014/02/12/angularjs-via-typescript-controllers/
- Make sure to check Framework7 Docs: http://www.idangero.us/framework7/docs/
Happy coding :-) Let me know if you have feature requests.