https://github.com/pkoretic/qml-kickstart
QML kickstart boilerplate with live reload and HTTP caching
https://github.com/pkoretic/qml-kickstart
Last synced: 10 months ago
JSON representation
QML kickstart boilerplate with live reload and HTTP caching
- Host: GitHub
- URL: https://github.com/pkoretic/qml-kickstart
- Owner: pkoretic
- License: mit
- Created: 2016-10-02T10:43:26.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2017-08-07T11:22:33.000Z (almost 9 years ago)
- Last Synced: 2025-09-22T20:53:20.413Z (10 months ago)
- Language: JavaScript
- Homepage:
- Size: 363 KB
- Stars: 32
- Watchers: 7
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# qml-kickstart
The idea of this project is to provide a simple and concise example on how one might start developing their QML application.
What do we provide:
* Android, iOS, MacOS, Windows and Linux support with example code for platforms
* live reload in DEBUG mode, production release bundled to .qrc in RELEASE mode
* predefined icons from [Ionicons](http://ionicons.com)
* predefined Roboto font
* minor sugar like HTTP caching using QNetworkDiskCache, ignoring SSL cerficates errors for development and similar
## How to
### Debug mode
In debug mode, source files are served over HTTP using [Node.js](https://nodejs.org) HTTP server and QML [Loader](http://doc.qt.io/qt-5/qml-qtquick-loader.html) element.
To notify client that something is changed Websocket communication is used.
For more details have a look into `server` directory.
Start server from `server` directory:
```
npm start
```
Enter your server (host where you started your server) ip into `src/config.js`.
Open qml-kickstart.pro and select `Debug` build.
Build and deploy.
After you change any `.qml` or `.js` file, application will reload automatically.
### Release mode
Open QML-Kickstart.pro and select `Release` build.
Build and deploy.
In this mode, everything is bundled and used from .qrc files.