GithubHelp home page GithubHelp logo

iamxiaoma / framework7-vue-h5plus Goto Github PK

View Code? Open in Web Editor NEW
79.0 7.0 28.0 1.96 MB

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

JavaScript 38.25% HTML 3.27% Vue 52.25% CSS 6.23%
framework7 framework7-vue android-apps hbuilder h5plus vue

framework7-vue-h5plus's Introduction

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.

framework7-vue-h5plus's People

Contributors

iamxiaoma avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

framework7-vue-h5plus's Issues

Cannot GET /

系统信息:MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)
node version: v16.13.2
使用yarn 构建

4000 上的端口打开了,4000 上的接口可以正常访问

但是3000 上的页面报错Cannot GET /, 查看命令行发现错误信息:
Listening at http://localhost:3000

WAIT Compiling... 下午6:23:02

ERROR Failed to compile with 1 errors 下午6:23:02

error in ./src/main.js

Module build failed: Error: Failed to load plugin node: Cannot find module 'eslint-plugin-node'
Require stack:

尝试解决:
npm install eslint-plugin-import eslint-plugin-flowtype eslint-plugin-jsx-a11y eslint-plugin-react
npm install eslint-plugin-import --save-dev
等等一系列修复方式,仍未解决。

请教个问题

你好:能否告诉我你这个项目的环境是怎么搭建的吗?
我按照官网的来搭建,把vue,framework7,framework7-vue等都install进去了,但是在写界面的时候,使用framework7的组件,在界面上没有效果,不知道什么原因,求请教

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.