weex环境搭建---rax

官方解释：Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。

Weex 的结构是解耦的，渲染引擎与语法层是分开的，也不依赖任何特定的前端框架，目前主要支持 Vue.js 和 Rax 这两个前端框架。

0.页面预览

执行 npm run start 预览。

终端中会显示两个二维码，其中第一个是 Web 页面地址，第二个是 Weex 页面地址。

以index页面为列，对应的页面地址如下：

• Web 页面：http://localhost:8080/src/pages/index/index.html

• 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页面）