weex环境搭建---rax

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

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

0.页面预览

执行 npm run start 预览。

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

index页面为列,对应的页面地址如下:

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



猜你喜欢

转载自blog.csdn.net/robinson_911/article/details/80605160