Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mandaputtra/vue-f7-webpack
My template for Framework7-Vue project, include xojs (linter)
https://github.com/mandaputtra/vue-f7-webpack
Last synced: 24 days ago
JSON representation
My template for Framework7-Vue project, include xojs (linter)
- Host: GitHub
- URL: https://github.com/mandaputtra/vue-f7-webpack
- Owner: mandaputtra
- Created: 2019-03-23T15:23:45.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T16:54:59.000Z (about 2 years ago)
- Last Synced: 2024-10-28T17:38:34.563Z (3 months ago)
- Language: Objective-C
- Size: 20.9 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vuef7
## Framework7 CLI Options
Framework7 app created with following options:
```
{
"cwd": "D:\\Latihan\\vuef7",
"type": [
"cordova",
"web",
"pwa"
],
"name": "vuef7",
"pkg": "com.mandaputtra.vuef7",
"platform": [
"ios",
"android"
],
"framework": "vue",
"template": "split-view",
"cssPreProcessor": "stylus",
"customColor": false,
"bundler": "webpack"
}
```
## NPM Scripts
* `npm start` - run development server
* `npm run build-prod` - build web app for production
* `npm run build-cordova-prod` - build cordova's `www` folder from and build cordova app
## PWA
This is a PWA. Don't forget to check what is inside of your `service-worker.js`. It is also recommended that you disable service worker (or enable "Update on reload") in browser dev tools during development.
## Cordova
Cordova project located in `cordova` folder. You shouldn't modify content of `cordova/www` folder. Its content will be correctly generated when you call `npm run cordova-build-prod`.
## Assets
Assets (icons, splash screens) source images located in `assets-src` folder. To generate your own icons and splash screen images, you will need to replace all assets in this directory with your own images (pay attention to image size and format), and run the following command in the project directory:
```
framework7 generate-assets
```
Or launch UI where you will be able to change icons and splash screens:
```
framework7 generate-assets --ui
```
## Documentation & Resources
* [Framework7 Core Documentation](https://framework7.io/docs/)
* [Framework7 Vue Documentation](https://framework7.io/vue/)
* [Framework7 Icons Reference](https://framework7.io/icons/)
* [Community Forum](https://forum.framework7.io)
## Support Framework7
Love Framework7? Support project by donating or pledging on patreon:
https://patreon.com/vladimirkharlampidi