利用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开发笔记(一)Current

1、触发返回键的时候,获取当前页面的内容 myApp.getCurrentView() 获取当前页面的名字 myApp.getCurrentView().activePage.name 2、关...

Framework7中文教程-中文演示DEMO

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

jquery的环境搭建以及初次使用

1,登陆 http://jquery.com/ 的官网,点击下载        2,看到两个版本,我们学习下载第一个版本     3,页面出现一段代码,点击另存为       保存之后变成: ...

Cordova 初次使用 环境搭建

Cordova中文官网简述下我从第一次听说Cordova 然后怎么创建第一个项目第一部 首先进入Cordova官网找到 下载 node.js,下载完成后安装按照默认的安装直接下一步就可以第二部 ...

kettle7源码环境搭建及插件源码调试教程

我在其他网站也有发布
  • tj_java
  • tj_java
  • 2017年12月10日 15:45
  • 15

OSG+VS2010+win7 环境搭建教程

博主今年要读计算机专业的研究生,导师暂时给的研究内容是osgearth漫游地球效果框架的应用。博主本科是软件工程,学习这个框架也算是从零开始,学习了大概一个月,在这里把我的学习历程与大家做一个分享。要...
  • xaw1233
  • xaw1233
  • 2017年07月16日 20:39
  • 152

Win2008 R2 IIS7 PHP 5.4 环境搭建图文教程

今天的文章思路是按照先发现问题,然后想办法解决,最后验证问题解决的情况常规思维路线来走的,比较符合现实中的情况,这样大家看起来也会比较容易。 首先,发现问题 今天我想自己搭建一个小小的PH...

win7 32位+apache2.4.12+mysql5.6.10环境搭建【新手详细教程】

本人php新手,第一次耐心搭建此环境,一步一步按照此文章测试通过。linux或php高手可以直接飘过。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用Framework7的初次使用,使用教程,环境搭建
举报原因:
原因补充:

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