利用Framework7的初次使用,使用教程,环境搭建

原创 2015年11月17日 17:55:47

在阅读本文之前请确认你的电脑已经安装好nodejs、Android SDK 、phoneGap。
1.获取Framework7源码
http://www.idangero.us/framework7/(英文网站)
http://framework7.taobao.org/(中文网站)
GitHub:https://github.com/nolimits4web/Framework7/
官方文档:http://framework7.taobao.org/docs/#.Vkr1SfkwjIU
经实际阅读发现中文的没有英文的新,英文的有一些新的方法的用法。
2.在nodejs下运行Framework7,
打开windows的命令提示符
进入你下载解压后的文件夹cd Framework7
执行npm install
然后执行gulp build && gulp server
接下来你就可以再浏览器中访问Framework7的demo(接下来就用自带的demo发布APP)
http://localhost:3000/kitchen-sink/
如果发现是不正常自行修改下引用的js和css
3.创建你的phoneGap项目
命令:phonegap create myApp
就会生成一个phoneGap项目
将www下面的css 文件夹 folderjs 文件夹index.html 删除
从上面的道的demo随便复制一个过来
修改复制过来的index.html

<script type="text/javascript" src="js/framework7.js"></script>

之前添加

<script type="text/javascript" src="cordova.js"></script>

4.发布APP
在命令提示符重新进入你的phoneGap项目

cordova platforms add android
cordova build android

此时app已经生成了,接下来调试

cordova emulate android

你刚才发布的app就会出现在你的安卓模拟器中

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

如何使用Framework7的图标icons

步骤一 访问:https://github.com/nolimits4web/Framework7-Icons,并下载css和fonts文件夹步骤二 将css和fonts文件夹的内容拷贝到本地Fr...

Linq入门基础总结

Linq的介入,让.NET语言的开发又增加了一道利器,为了让Linq融合到已有的.NET语言之中,C#增加了很多的扩展功能,扩展功能如下列表:         1、类型推断,这可以让我们局部定义一个...

Framework7——如何使用路由load或back页面

在Framework7中也是可以使用路由的,和Angularjs的路由有些不同,详细信息可以参考文档:http://docs.framework7.cn/Index/router_api.html,接...

Framework7中文教程-中文演示DEMO

Framework7中文演示DEMO,Accordion/折叠面板,Calendar /Datepicker 日历 /日期选择器,Cards 卡片,Contacts List 联系人列表,Forms...

使用requireJS重构framework7项目实践

使用requireJS重构framework7项目实践本文记录了使用requireJS重构framework7项目实践.分为以下部分 项目背景现状 项目需求 改造实验 改造准备 改造实践 改造展望 项...

Framework7 框架简介

什么是 Framework7 Framework7 是一款免费开源的移动web开发框架(类似的知名框架有Jquery Mobile,sencha),用以开发IOS7风格、体验的混合移动应用和web应...

cordova+framework7入门——笑笑APP

【前言】 framework7确实做的很赞,但是一直各种原因没有做什么app, 这个感觉就像大厨遇到百年难见的好材料,不炒个菜憋的慌, 机缘巧合周一周二两个晚上做了一个简单app,先看下效果: ...

frameWorke7,开发app的项目搭建(给初学者)

这是刚做完的app项目的一点小总结,不是很专业,很多说法也不一定准确,是自己理解的,希望给和我一样的小菜鸟一点帮助! 3.1项目结构 项目基于 grunt 构建,我们写的JS代码主要在...

Framework7中文教程-APP 基本HTML结构

framework7开发IOS应用的基本HTML页面布局,View在应用中是一个独立的部分,她有自己的设置、页面切换和历史。每一个视图都可以有不同的导航栏、工具栏布局和不同的样式。

FrameWork7开发笔记(一)Current

1、触发返回键的时候,获取当前页面的内容 myApp.getCurrentView() 获取当前页面的名字 myApp.getCurrentView().activePage.name 2、关...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)