Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including phonegap-template-vue-f7-tabs with all npm packages installed. Try it out:

var phonegapTemplateVueF7Tabs = require("phonegap-template-vue-f7-tabs")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

phonegap-template-vue-f7-tabs v1.6.0

A TabBar PhoneGap template using Vue.js and Framework7

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


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


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


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


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


npm run cordova-run-ios

Or in the Android emulator with:

cordova platform add android or phonegap platform add android


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.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free