Quasar star12/25/2023 ![]() I have also created a simple layout at /layouts/MainLayout.vue cordova plugin add cordova-plugin-qr-barcode-scannerįor our simple app we will have 2 pages - /pages/index.vue and /pages/scan.vue Go to the /src-cordova folder and install the plugin. The one I used was "cordova-plugin-qr-barcode-scanner". Go to the Cordova plugin page and search for "scanner". We will utilise a Cordova plugin to allow our phone to scan barcodes. This adds the Android platform.Ĭordova requirements - check that everything is in order. In my case this is Ĭordova platform add android - cd to /src-cordova folder. Note that when it asks for "Cordova app id" this is usually a reverse domain name of your company which is used to uniquely identify your app. Quasar mode add cordova - Generate a Cordova project in /src-cordova folder Npm install -g cordova - Install Cordova CLI The below is a summary of the commands used. I won't cover the details as the Quasar page does a very good job already and is quite easy to follow. Step 3 - Set up Cordova, Android and your Windows environment Go ahead and follow or select your own preferences. Most of the options given by the CLI are default options. Step 1 - Install Quasar CLI and create a project in the folder "myquasar" npm install -g create myquasar I also assume that you already have some Vue knowledge. Hopefully this tutorial will help someone get started in developing mobile apps. Here I will outline my notes and any difficulties I encountered along the way during my own set up. Note that the Quasar website already has quite good documentation on how to get started. In this introduction I'll provide an overview on how to build a simple Android app. Quasar is a Vue framework that makes it easy to build hybrid mobile apps using Cordova.
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |