详解Weex基于Vue2.0开发模板搭建(2)

weex-frame ├── android (android项目) │ ├── ios (ios项目代码) │ ├── src (weex模块) │ ├── api (api模块) │ ├── components(组件模块) │ ├── constants(常量配置) │ ├── utils (工具模块) │ └── views(视图模块) │ └── dist (build输出模块) ├── weex (native使用jsbundle) └── web(web使用jsbundle)

项目启动

git clone git@github.com:osmartian/weex-frame.git

cd weex-frame

npm install

执行 ./start

android 启动

打开andorid studio

File -> New -> Import Project -> weex-frame/android -> 启动

iOS 启动

cd ios

pod install (未安装pod,请先安装)

open WeexFrame.xcworkspace

h5 启动方式

打开 :12580/weex.html

项目示例

详解Weex基于Vue2.0开发模板搭建

详解Weex基于Vue2.0开发模板搭建

android 端示例

详解Weex基于Vue2.0开发模板搭建

详解Weex基于Vue2.0开发模板搭建

详解Weex基于Vue2.0开发模板搭建

iOS 端示例

详解Weex基于Vue2.0开发模板搭建

详解Weex基于Vue2.0开发模板搭建

详解Weex基于Vue2.0开发模板搭建


结语

能看的出来上方的三端示例表现还是很一致的,本篇博文也是想给大家提供一个轮子,也欢迎大家多多提意见,共同促进weex生态成熟~

框架项目地址:weex-frame_jb51.rar

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwwysg.html