reng99 / vue-framework7

vue2.0 + framwork7 移动端项目(自己把玩的)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Framework7 Vue + Webpack App Template

模仿某app进行开发,顺便为本公司打个广告趣丸

适合移动开发

A full-featured Framework7 + Vue + Webpack setup with hot-reload & css extraction. Based on Vue Webpack Boilerplate

framework7和vue结合

使用方法

# 下载本仓库
$ git clone https://github.com/reng99/vue-framework7.git\

# 进入根目录
$ cd vue-framework7

# 安装依赖
npm install

# 开发环境 serve with hot reload at localhost:8080
npm run dev

# 生产环境 build for production with minification
npm run build

使用技术栈

简单介绍通过node使用weinre

1.(sudo)npm install -g weinre

2.weinre --boundHost -all- (默认是8080端口,注意项目的端口不能够是8080)

3.引入相应的javascript代码标签到html页面中 详细

weinre的优缺点

优点 同时支持IOS设备和Android设备,并且能直接对手机上的页面进行调试,无需安装客户端。

缺点 需要对HTML页面有改动的权限,因为是远程链接的原因,可能网络链接速度(深有体会)会影响调试的响应

题外话

  • 移动端预览psd或者图片(有利于设计人员)--使用airReview(腾讯开发)

1).访问airReview

2).单击“临时预览”按钮(若是长期预览,输入项目名称单击“确认”按钮)。

3).将psd或者jpg文件拖拽进airReview。

4).用手机扫描二维码。

About

vue2.0 + framwork7 移动端项目(自己把玩的)

License:MIT License


Languages

Language:Vue 54.3%Language:JavaScript 41.2%Language:CSS 3.1%Language:HTML 1.4%