This is a Vue3 + Cordova starter template. You can use it to start build you mobile application with power of Vue3.
🔥 🔥 LIVE RELOAD OF YOUR DEVICES INCLUDED! 🔥 🔥
--
❗ PAY ATTENTION: This is a work in progress project and some things that be done yet! ❗
--
FOLLOW THE INSTRUCTIONS AND TIPS TO SET UP WELL YOUR PROJECT.
- First of all create a Cordova project with cordova commands.
npm install -g cordova
cordova create <app-name>
- After that download this project (do not clone it!).
- Then copy the content of /vue3cordova-main folder inside your previous cordova project folder.
- Overwrite the files.
- If you can't copy hidden files, don't worry, you can copy manually from this repo!
- Then launch:
npm install
After you must start:
npm run add:platforms
In this way the platforms folders will be added to your project.
Then launch the build commands to overwrite the /www default folders of cordova with Vue contents.
npm run build
You can start your development with following npm scripts:
npm run serve // this will serve only on browser as Vue default serve.
npm run serve:ios // this will run serve on localhost:8080 and will open your iOS device at the same time.
npm run serve:android // this will run serve on localhost:8080 and will open your Android device at the same time.
Launch at first:
npm run build // this will build in /www folder
Then use classic cordova commands:
cordova build ios
cordova build android
To build your mobile application.
-
If you have some trouble with serve commands you can cancel the following files from /www folder: cordova.js cordova_plugins.js. Then you re-run serve command and it will be created again.
-
If you want use cordova on browser you need to copy cordova.js and cordova_plugins.js into your /public folder. Then restart the serve commands.
Feel free to contribute to the project! :)
If you want help me i appreciate it!
- Set automatic cordova.js script if is on browser.
- Better reload system on devices.
- [...]