arvindr21/generator-framework7-phonegap

A yeoman Generator for scaffolding Framework7/PhoneGap App

generator-framework7-phonegap

A Yeoman Generator to Scaffold a Framework7 v2.2.1 PhongeGap/Cordova v7.x app

Getting Started

To install generator-framework7-phonegap, run:

$ npm install -g yo generator-framework7-phonegap

Finally, initiate the generator:

$ yo framework7-phonegap

Development

Once the scaffolding is completed, your project structure would be like

.
├── README.md
├── framework7
│   ├── BACKERS.md
│   ├── CHANGELOG.md
│   ├── CONTRIBUTING.md
│   ├── LICENSE
│   ├── README.md
│   ├── dist
│   ├── gulpfile.js
│   ├── kitchen-sink
│   ├── package-lock.json
│   ├── package.json
│   ├── scripts
│   └── src
├── hooks
│   └── README.md
├── package-lock.json
├── package.json
├── plugins
│   ├── cordova-plugin-whitelist
│   └── fetch.json
├── res
│   ├── README.md
│   ├── icon
│   └── screen
└── www
    ├── config.xml
    ├── css
    ├── fonts
    ├── img
    ├── index.html
    ├── js
    ├── lib
    └── pages

App Dev

Like you would any corodova app

Run in browser

First add the browser platform, if not already done so

$ cordova platform ls
$ cordova platform add browser

Run the app in browser

$ cordova run browser -- --port=8001

Framework7 Customization

If you would like to customize Framework7, you can do so inside the /framework7 folder. Once the development is completed and you have build the final distrubtion from inside the /framework7 folder, you need to copy the contents of /framework7/dist folder to www/lib. Contents not the complete dist folder.

License

MIT

generator-framework7-phonegap's Issues

Include latest version of Framework7

hello Arvind,
great job with your pgFW7 generator.
Can you update to the Framework7 last release ?

Last days i have some problem with the tabs component: Swipeable Tabs are not supported.

Best regards,
Alberto

New release without framework7/src folder ?

hello Arvind
i tried this last release, but in the project, i don't see the FRAMEWORK7/SRC folder with the .jade and the .less files.

previous release was great with the "grunt dist" and the "grunt copy" functionality...

Include latest version of Framework7

Just a small request:

Could you include the latest version of Framework7 with your repository? I spent a few minutes finding out why the login screen on my app wasn't appearing and found version 0.8.7 (the version in the repo) doesn't include the selectors for login screens that are in version 0.10.0.

Thanks!

Error while creating a directory in tmp

MacBook-Air:soh n$ sudo yo framework7-phonegap

 _-----_
|       |    .--------------------------.
|--(o)--|    | Welcome to the marvelous |

---------´ | Framework7Phonegap | ( _´U_ ) | generator! |
/_A\ '--------------------------'
| ~ |
**'.**.'__
´ |° ´ Y

? What is the name of your app? soh
identical hooks/README.md
identical www/res/icon/android/icon-36-ldpi.png
......
.....
identical framework7/.jshintrc

I'm all done. Running bower install & npm install for you to install the required dependencies. If this fails, try running the command yourself.

npm WARN package.json [email protected] No description
npm WARN package.json [email protected] No repository field.
npm WARN package.json [email protected] No README data
npm ERR! Error: EACCES, mkdir '/Users/nomi/tmp/npm-22791-wFi75y28'
npm ERR! { [Error: EACCES, mkdir '/Users/nomi/tmp/npm-22791-wFi75y28']
npm ERR! errno: 3,
npm ERR! code: 'EACCES',
npm ERR! path: '/Users/nomi/tmp/npm-22791-wFi75y28',
npm ERR! parent: 'soh' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! System Darwin 14.0.0
npm ERR! command "node" "/usr/local/bin/npm" "install"
npm ERR! cwd /Users/nomi/Documents/SystematicBytes/DrunkApps/soh
npm ERR! node -v v0.10.29
npm ERR! npm -v 1.4.14
npm ERR! path /Users/nomi/tmp/npm-22791-wFi75y28
npm ERR! code EACCES
npm ERR! errno 3
npm ERR! stack Error: EACCES, mkdir '/Users/nomi/tmp/npm-22791-wFi75y28'
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /Users/nomi/Documents/SystematicBytes/DrunkApps/soh/npm-debug.log
npm ERR! not ok code 0

Project directory could not be found

error when i running command : "phonegap install android" on root folder