vue init AppointmentGuru/webpack-mobile-f7 my-project
A full-featured Webpack setup with Cordova, Framework7, hot-reload, lint-on-save, unit testing & css extraction.
This template is Vue 2.0 compatible.
This is a project template for vue-cli. It is recommended to use npm 3+ for a more efficient dependency tree.
$ npm install -g vue-cli
$ vue init AppointmentGuru/webpack-mobile-f7 my-project
$ cd my-project
$ npm install
$ npm run dev
To run on the cordova platform
(requires cordova (npm install -g cordova
))
# add the platforms you need
cordova platform add browser ios android
# build
npm run cordova-build
# run on desired platform:
# browser
npm run cordova-run
# ios
npm run cordova-run-ios
# android
npm run cordova-run-android
Note: the above commands combine a build of the VueJS project and the relevant cordova command. e.g.:
npm run build
cordova run browser
NB: To update the app that cordova is aware of, you need to build the Vue app with npm run build
. This will clean and build the www
folder.
Note: for now, this only allows for the standard eslint option
npm run dev
: first-in-class development experience.
vue-loader
for single file Vue components.npm run build
: Production ready build.
index.html
is auto-generated with proper URLs to these generated assets.npm run unit
: Unit tests run in PhantomJS with Karma + Mocha + karma-webpack.
npm run e2e
: End-to-end tests with Nightwatch.
You can fork this repo to create your own boilerplate, and use it with vue-cli
:
vue init username/repo my-project
Author: AppointmentGuru
Source Code: https://github.com/AppointmentGuru/webpack-mobile-f7
#vue #vuejs #javascript