How to get started with Framework7, VueJS and Webpack

TL;DR

$ npm install -g vue-cli
$ vue init valnub/vue-framework7-webpack-template my-project
$ cd my-project
$ npm install
$ npm run dev

Note: Replace my-project with the name of your project.

Check out my Github repo for template source code:
https://github.com/valnub/vue-framework7-webpack-template

In the following video I explain how to get started quick and easily with this Framework7 and VueJS template.

Video tutorial

7 thoughts on “How to get started with Framework7, VueJS and Webpack

  1. Hugh says:

    That’s awesome! I still have a problem! I build the JS file and add it to my Cordova project, it works fine on the browser however not the emulator! Did I miss something?

  2. Thanks, you’re very welcome @Jelle :-)
    Glad that you like the tutorial. If you have ideas/requests for other topics, please let me know.

  3. Jelle says:

    A tut on the best wat to share/sync data between pages would be nice. I just started learning Vue so I’m not up to date om hoor top do that.

Leave a Reply