前端那些事之weex

2019独角兽企业重金招聘Python工程师标准>>>

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
你需要在传入的参数指定预览的目录和入口文件。

转载于:https://my.oschina.net/yongxinke/blog/1595121