Giter Club home page Giter Club logo

cordova-vue-start's Introduction

cordova-vue-start

Easy VueJS integration for cordova as a quickstart implementation.

It uses Vuetify as an easy to use Material Design component framework.

It comes with support for Polyfills, Babel and Rollup.

So you just need to enter a command to build the bundle file - and then just build the native application with Cordova.

It's that easy.

Features

  • Vue.JS
  • Vue Router
  • Vuetify
  • Babel
  • Polyfills
  • Rollup
  • Ready-to-use project structure

Prerequisites

  • Node.JS (+ NPM)
  • Cordova

How to use

  • Directly clone this repository or clone your own forked version
  • Change in app directory
  • Run npm install -g rollup once
  • Run npm install once
  • Then execute rollup -c --watch (every time you want to generate the build)
  • Afterwards you can run cordova platform add android once and then every time cordova build android for example, if you want to build the APK file (requires working Cordova environment)

How to edit

  • The main initialization file is located within www/js/index.js
  • Your own js files should be inside www/js
  • Your own css files should be inside www/css
  • External js and css files should be located within the external directory of the specified type (e.g. www/js/external/external-lib.js)
  • Your Vue.js components should be within www/components.
  • You can structure your components in pages, modules, ..
  • All css and js files must be declared within www/index.html file

cordova-vue-start's People

Contributors

gplay97 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.