My vue.js + vuetify and cordova starter, for building APKS and sell them

My vue.js + vuetify and cordova starter, for building APKS and sell them

My 2020 vue.js + vuetify and cordova starter, for building Android APK and sell them. French: Starter to create APK Androids apps with only VUE.JS then sell them.

My vue.js + vuetify and cordova starter, for building APKS and sell them.

Description:

Nowadays, it is now possible to create an Android APK, and to sell it, by simply compiling the vue.js app using CORDOVA! No need to use IONIC any more! As long as your general CSS medias queries are well done in App.vue, it is good looking on all device, and code stays easy to do.

Presentation :

We can now create an Android APK and sell it, by compiling a simple application made in VUE.JS with CORDOVA. No need to use the IONIC framework anymore! The server can stay online on Heroku, for example, and the database on mongoDb atlas. It goes really very quickly if we no longer use Ionic and we do the CSS styles responsive queries in the App.vue file, it works on all hardware.

https://fr.jeffprod.com/blog/2018/creer-une-application-android-avec-cordova-et-vuejs/

If you need to use Cordova plugins like Camera (French):

https://cours.brosseau.ovh/tp/cordova/vuejs_cordova.html

Project setup

  1. Clone this depot using SMARGIT, then run
  2. #npm install
  3. Install a cordova app in another directory
  4. #cordova create cordovatest com.exemple.test "My app"
  5. Install Android Studio, SDK, JDK, Gradle then check that everything is ok:
  6. #cordova requirements

Developping the front end vue.js app:

Develop the vue.js application on localhost: 8080: everything happens in the \ src directory

Go to the \ vuetify-mobile-cordova dir, then hit, to start the dev env:

#npm run serve

Then, gotto the \ src directory and start developping .

Packing the production app:

Package the vue.js front end application for production:

Go to the \ vuetify-mobile-cordova dir then hit:

#npm run build

the packaged app will appear in the \ dist directory.

Build the APK:

Moove the \ vuetify-mobile-cordova \ dist content to cordovatest \ www, then run:

#cordova build android --prod

Preview the APK:

#cordova run android

Sell ​​it on the GOOGLE STORE:

you have to sign the APK

You need to sign the apk and open a google store dev account.

Check this link:

https://fr.jeffprod.com/blog/2018/creer-une-application-android-avec-cordova-et-vuejs/

Run your vue.js tests

#npm run test

Lints and fixes files

#npm run lint

Adb problems:

https://adbdriver.com/downloads/

Tested OK on:

  • Android 8.0 - Mobile Phone

Preview the APK = KO on:

  • Android 4.0 (Seems to be too old) - Samsung tablet

Known Problems - Known Problems

  • USB port is not powerful enough, add a powered usb hub. The USB port is not drawing enough current, add a powered USB hub.

About

My 2020 vue.js + vuetify and cordova starter, for building Android APK and sell them. French: Starter to create APK Androids apps with only VUE.JS then sell them.

Topics

vuejs vuetify cordova android apks apk mobile-app mobile-development boilerplate starter

Resources

 Readme

Releases

No releases published

Packages

No packages published

Languages

Download Details:

Author: nicolas15000

Source Code: https://github.com/nicolas15000/vuetify-mobile-cordova

vue vuejs javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native is a framework to build cross platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get

How to Make a Simple Vue Custom Select Component

In this article, you’ll learn how to build a Vue custom select component that can be easily be styled using your own CSS. In fact, it’s the same component that we use in production on Qvault, and you can see it in action on the playground.

Creating a Custom Tooltip Component in Vue

There are plenty of libraries out there that will have you up and running with a good tooltip solution in minutes. However, if you are like me, you are sick and tired of giant dependency trees that have the distinct possibility of breaking at any time.

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.