Skip to content

Fit for Framework7 v2. This template includes full-featured Framework7 + Vue + Webpack setup with hot-reload, single file components (.vue) support & css extraction with super cordova support.

kevinqqnj/cordova-template-framework7-vue-v2

Repository files navigation

cordova-template-framework7-vue-webpack (v2)

original one (for F7 v1): https://github.com/centrual/cordova-template-framework7-vue-webpack

Fit for Framework7 v2 Demo: https://f7-vue-v2.herokuapp.com/

snapshot

Install

git clone to your computer
npm install
phonegap run browser -- --lr
# phonegap platform add android

Bingo! Check your app at web browser: http://localhost:8081

In case of fail to run phonegap run browser, try to remove and add platform again

phonegap platform remove browser
phonegap run browser -- --lr

Build

phonegap build --release

the output is in /www directory.

For more information about build: Cordova Android Platform Guide

Project Structure

src - Source files are here. Mostly your target is this directory.
src/assets/static - Your static assets like images, css, fonts, json, js, sass is here.
src/assets/static/css - put custom app CSS styles here. Don't forget to import them in main.js
src/pages - app .vue pages
src/main.js - main app file where you include/import all required libs and init app
src/routes.js - app routes
src/app.vue - main app structure/component

About

Fit for Framework7 v2. This template includes full-featured Framework7 + Vue + Webpack setup with hot-reload, single file components (.vue) support & css extraction with super cordova support.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published