All Projects → iamxiaoma → Framework7 Vue H5plus

iamxiaoma / Framework7 Vue H5plus

参考HiApp搭建的一款基于Framework7-Vue和H5Plus的商城模板,并且可以使用HBuilder进行打包并发布iOS和Android应用的项目模板,开源免费,持续更新中。

Projects that are alternatives of or similar to Framework7 Vue H5plus

framework7-appstore-react
iOS App Store UI
Stars: ✭ 78 (+0%)
Mutual labels:  framework7
Awesome Cordova
📱 A curated list of amazingly awesome Cordova libraries, resources and shiny things.
Stars: ✭ 269 (+244.87%)
Mutual labels:  framework7
Hiapp
A simple and interesting hybrid app. React Native version: http://t.cn/R5LqqLz Demo:
Stars: ✭ 791 (+914.1%)
Mutual labels:  framework7
framework7-webpack-demo
🍄 A demo project for using Framework7 with Webpack3.0 via Babel!
Stars: ✭ 79 (+1.28%)
Mutual labels:  framework7
Toast-for-Framework7
A toast component plugin for iOS Framework7
Stars: ✭ 41 (-47.44%)
Mutual labels:  framework7
Guark
Build awesome Golang desktop apps and beautiful interfaces with Vue.js, React.js, Framework 7, and more...
Stars: ✭ 334 (+328.21%)
Mutual labels:  framework7
framework7-template-webpack
Deprecated! Framework7 Vue Webpack starter app template with hot-reload & css extraction
Stars: ✭ 23 (-70.51%)
Mutual labels:  framework7
Framework7 Plugin 3d Panels
Framework7 plugin to add 3d effect for side panels
Stars: ✭ 56 (-28.21%)
Mutual labels:  framework7
framework7-redux-app-template
Starter template for F7 + React + Redux
Stars: ✭ 20 (-74.36%)
Mutual labels:  framework7
Framework7 Vue
Deprecated! Build full featured iOS & Android apps using Framework7 & Vue
Stars: ✭ 682 (+774.36%)
Mutual labels:  framework7
phonegap-template-vue-f7-split-panel
A Split View PhoneGap template using Vue.js and Framework7 that degrades to a Panel View on smaller devices
Stars: ✭ 17 (-78.21%)
Mutual labels:  framework7
newshunt
A Hybrid Social Mobile App Developed using MeteorJs & Framework7
Stars: ✭ 21 (-73.08%)
Mutual labels:  framework7
Framework7 Template Vue Webpack
Deprecated! Framework7 Vue Webpack starter app template with hot-reload & css extraction
Stars: ✭ 399 (+411.54%)
Mutual labels:  framework7
framework7.angular2
Framework7 angular 2 integration
Stars: ✭ 14 (-82.05%)
Mutual labels:  framework7
Framework7 Upscroller Plugin
A little framework7 plugin to give users a button to scroll up
Stars: ✭ 31 (-60.26%)
Mutual labels:  framework7
phonegap-template-vue-f7-tabs
A TabBar PhoneGap template using Vue.js and Framework7
Stars: ✭ 31 (-60.26%)
Mutual labels:  framework7
Nuxt7
📱 Full Featured iOS & Android PWA Apps with Nuxt.js and Framework7
Stars: ✭ 282 (+261.54%)
Mutual labels:  framework7
Framework7 Cli
Framework7 command line utility
Stars: ✭ 76 (-2.56%)
Mutual labels:  framework7
Framework7.d.ts
OBSOLETE
Stars: ✭ 43 (-44.87%)
Mutual labels:  framework7
App Framework
Applications for any device with HTML, CSS and JavaScript - free and open source!
Stars: ✭ 639 (+719.23%)
Mutual labels:  framework7

framework7-vue-h5plus

iOS and Android Apps with Framework7 Vue & H5Plus - develop, build and deploy - free and open source!

Requirements

  • framework7 ^1.6.5
  • framework7-vue ^0.8.5

Dependencies

F7VueH5Plus use npm to manage third-party packages now.

Then install all dependencies, in repo's root:

$ sudo npm install 

Mock Server

Before create your first cordova app, please install http-server globally so that you can run a mock server with zero configuration.

$ sudo npm install http-server -g

in repo's root:

$ http-server ./mock_api -p 4000 --cors

Check out source code

$ cd F7VueH5Plus  
$ git init   
$ git remote add origin https://github.com/iamxiaoma/framework7-vue-h5plus.git  
$ git fetch  
$ git reset --hard origin/master  

Build the App

Run the following command to iteratively build the project:

$ sudo npm run build

Web App Guides

Preview

F7VueH5Plus use webpack browser sync server to develop, Just run it in repo's root:

$ sudo npm run dev

Web app will be available on http://localhost:3000/

Release

$ sudo npm run build

The result is available in www/ folder.

License

Copyright (c) 2017 framework7.cn MIT Licensed, see [LICENSE] for details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].