转载请注明原文地址：http://www.cnblogs.com/ygj0930/p/8430443.html
一：下载Framework7
1:npm安装
npm install framework7
2:github下载
https://github.com/framework7io/framework7
二：文件解释
如图：下载完成后，打开F7项目目录，可以看到很多东西。
我们只需要用到 dist/js 和 dist/css 目录下的文件。
1:css
2:js
三：官方Demo：kitchen-sink
上图中的ketchen-sink是官方项目Demo，我们可以基于它作修改来开发自己的项目。
对于css、js的引用；App初始化；项目目录结构等都可以参阅Demo的做法。
四：搭建自己的项目
1:创建web项目
2:新建一个framework7目录，拷贝Framework7项目中dist目录下的js、css目录到该目录
3:在项目自身的css、js目录下，文本新建 my-app.css\my-app.js，来自定义样式与js。
4:创建fonts目录，存放字体样式文件
5:创建pages目录，用于存放除首页外的app页面文件
6:在根目录新建index.html（这是App首页，按照官方模版格式来创建）
五：项目开发
项目目录结构搭建起来后，就是对项目内容进行开发了。主要包括以下四个部分进行开发：
1:index.html
定义App的首页，在该文件中负责引入F7的css、js文件、引入自定义的css、js文件；
定义App的主要页面框架结构。
2:定义my-app.js
在my-app.js中进行App应用的初始化、页面注册、路由配置等。
3:定义my-app.css
在my-app.css中定义自己想要的样式。(不常用)
4:其他页面文件开发
在pages目录下，定义除首页外的页面文件。
其他页面主要是App内容页，不需要再定义head部分、不需要引入css、js文件等，只需要使用div搭建搭建页面内容即可。
