weex环境搭建---rax
官方解释:Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。
Weex 的结构是解耦的,渲染引擎与语法层是分开的,也不依赖任何特定的前端框架,目前主要支持 Vue.js 和 Rax 这两个前端框架。
0.页面预览
执行 npm run start
预览。
终端中会显示两个二维码,其中第一个是 Web 页面地址,第二个是 Weex 页面地址。
以index
页面为列,对应的页面地址如下:
Weex 页面:http://localhost:8080/src/pages/index/index.html?wh_weex=true (在浏览器环境直接访问该地址,可以得到 Web 页面;通过 Weex Playground App 扫描二维码访问该地址,则会返回相应的 Native 页面)-----强大之处,写一次,各个端(ios,android,H5)都可以用
1. 倘若你要使用Vue.js前端框架来开发的话,你参考官方的这篇初始化工程文章地址(https://weex.apache.org/cn/guide/)
2.倘若你要使用Rax前端框架来开发的话,你参考官方的这篇初始化工程文章地址(https://alibaba.github.io/rax/guide/getting-started)
3. 我这篇就是按照Rax来搭建的!
(1)在终端中执行 cnpm install -g rax-cli
(2)npm run start 启动
(3)预览效果
4. 代码结构
刚刚利用脚手架自动生成的代码结构,你在这里就可以写自己的js代码了(写好的代码,展示在IOS或Android手机{跟原生差不多的体验},H5页面)