前端那些事之weex

2018-01-13 11:06:18来源:oschina作者:上官清偌人点击

分享
weex 的介绍 weex学习地址
Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动 Weex,打造三端一致的 native 应用
weex的环境搭建
安装node,版本>6.0
全局安装 weex脚手架
cnpm 或者 npm install -g weex-toolkit
weex -v查看版本号创建项目名称 weex create +"项目名称"
weex create helloword起动项目
cd helloword
cnpm 或者 cnpm install
npm run dev & npm run serve(同时打开)Weex Playground 生成二维码
先下载到官网下载 Playground
选择安卓还是ios apk
安装到手机上(电脑和手机一定要在同一网络下)
安装 cnpm install weex-devtool --save
使用方法toolkit
实时预览
weex-toolkit 支持预览你当前开发的weex页面(.we或者.vue),你只需要指定预览的文件路径即可:
weex src/foo.vue浏览器会自动弹出页面,这个时候你可以看到你所编辑的 Weex页面的具体效果和页面布局。如果你使用 Playground 扫描右边的二维码,就能够看到 Weex 在 Android/IOS 设备上的效果了。
如果你需要预览整个项目目录,你可以输入这样的命令:
weex src --entry src/foo.vue
你需要在传入的参数指定预览的目录和入口文件。

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台