[b]前言[/b] 最近有一些人反馈说在面试过程中常常被问到weex相关的知识，也侧面反映的weex的发展还是很可观的，可是目前weex的开发者大多数是中小型公司或者个人，大公司屈指可数，揪其原因可能是基于weex的开发正确的姿势大家并没有找到，而且市面上的好多轮子还是.we后缀的，众所周知，weex和vue一直在努力的进行生态互通，而且weex实现web标准化是早晚的问题，今天和大家分享一下weex基于vue2.0的开发框架模板~ [b]工作原理[/b] 先简单熟悉一下weex的工作原理，这里引用一下weex官网上的一直图片，详细信息见官网 [img]http://files.jb51.net/file_images/article/201703/2017032010222115.png[/img] [b]开发环境搭建[/b] weex 开发环境搭建 关于weex开发环境搭建问题见git@github.com:osmartian/weex-frame.git [*]cd weex-frame[/*] [*]npm install[/*] [*]执行 ./start[/*] [/list] [b]android 启动[/b] [list=1] [*]打开andorid studio[/*] [*]File -> New -> Import Project -> weex-frame/android -> 启动[/*] [/list] [b]iOS 启动[/b] [list=1] [*]cd ios[/*] [*]pod install (未安装pod，请先安装)[/*] [*]open WeexFrame.xcworkspace [/*] [/list] [b]h5 启动方式[/b] 打开 http://localhost:12580/weex.html [b]项目示例[/b] [img]http://files.jb51.net/file_images/article/201703/2017032010222216.jpg[/img] [img]http://files.jb51.net/file_images/article/201703/2017032010222217.jpg[/img] android 端示例 [img]http://files.jb51.net/file_images/article/201703/2017032010222218.jpg[/img] [img]http://files.jb51.net/file_images/article/201703/2017032010222219.jpg[/img] [img]http://files.jb51.net/file_images/article/201703/2017032010222220.jpg[/img] iOS 端示例 [img]http://files.jb51.net/file_images/article/201703/2017032010222221.jpg[/img] [img]http://files.jb51.net/file_images/article/201703/2017032010222222.jpg[/img] [img]http://files.jb51.net/file_images/article/201703/2017032010222223.jpg[/img] [b]结语[/b] 能看的出来上方的三端示例表现还是很一致的，本篇博文也是想给大家提供一个轮子，也欢迎大家多多提意见，共同促进weex生态成熟~ 框架项目地址：[url=http://xiazai.jb51.net/201703/yuanma/weex-frame_jb51.rar]weex-frame_jb51.rar[/url] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。