Skip to content
A TabBar PhoneGap template using Vue.js and Framework7
Branch: master
Clone or download
Latest commit 5cfb79b Dec 8, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
template
.gitignore
CONTRIBUTING.md Initial import Mar 6, 2017
COPYRIGHT Initial import Mar 6, 2017
LICENSE Initial import Mar 6, 2017
NOTICE Initial import Mar 6, 2017
README.md Update README w/ correct template name for PG CLI May 1, 2017
example-tabs.png Add example image to README Mar 17, 2017
index.js
package.json

README.md

A TabBar PhoneGap template using Vue.js and Framework7

Vue.js, Framework7, and Cordova / PhoneGap Template with Babel, Webpack and Hot Reloading

example image

Getting Started

Prerequisites

To use this template, you'll need Node.js v5 or newer.

Installation

To use this as a template, use Cordova 6.0.0+ and create a new project:

cordova create MyAppName --template=phonegap-template-vue-f7-tabs

or

phonegap create MyAppName --template phonegap-template-vue-f7-tabs

then

cd MyAppName
npm install

Run the app in the browser / simulator

Run this to start the development webpack server:

npm run dev

You can then open the app in your browser by visiting localhost:8080

Open it in the iOS Simulator by running (in another terminal):

cordova platform add ios or phonegap platform add ios

then

npm run cordova-run-ios

Or in the Android emulator with:

cordova platform add android or phonegap platform add android

then

npm run cordova-run-android

(both of which are just calling cordova run ios and cordova run android)

Build the app for production

To build the app without the development hot module reloading server:

npm run build

After that, the normal Cordova / PhoneGap commands can be used such as phonegap serve, or cordova run ios, etc.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.