PhoneGap development with VueJS and Framework7 seems to gain more traction lately and there are 2 new templates that help you get started easily. One made by Adobe’s Holly Schinsky and the other one by Oğuz Özcan. In this post I want to introduce how to kick off a project with both templates easily.

Holly Schinsky’s template

To download, check her Github page.

This template is based on the official static template of the Framework7 + VueJS plugin project. To get started, make sure, you have PhoneGap/Cordova installed and run:

PhoneGap

$ phonegap create myVueApp --template https://github.com/hollyschinsky/phonegap-template-framework7-vue
$ cd myVueApp
$ phonegap serve

or

$ open www/index.html

Cordova

$ cordova create myVueApp --template https://github.com/hollyschinsky/phonegap-template-framework7-vue
$ cd myVueApp
$ open www/index.html

Oğuz Özcan’s template

To download, check his Github page.

This one is Cordova-only, so make sure you have it installed:

npm i cordova -g

To kick of the project, simply do:

cordova create  com.example.projectname ProjectClassName --template cordova-template-framework7-vue-webpack

Important: ProjectClassName should be written without spaces.

Do you have additional templates and boilerplates you can suggest? Let us know in the comment :D