Weex环境搭建与体验

Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。
官网：https://weex-project.io/cn/
Github：https://github.com/apache/incubator-weex

环境搭建

1. 安装node.js

去官网 下载安装

2. 安装weex-toolkit

npm install -g weex-toolkit

如果遇到权限问题，在命令前面加sudo
安装后检查有没有安装成功：

weex --version

提示错误：

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

原因是node.js版本太低，因为我以前安装过node.js，但是版本太低，所以需要升级

npm install -g n
n stable

weex初体验

1. 新建一个hello_world.we文件，内容如下：

2. 使用weex渲染文件

weex hello_world.we

成功后，weex会使用默认浏览器打开一个页面，页面如下

上面的hello_world.we脚本，其实是html、css、js的一个子集，weex帮我们实现了其他的部分，比如等，最终生成了html页面。

3. 使用手机查看

下载weex playground demo， 地址：https://weex.incubator.apache.org/playground.html
打开demo，如下图

点击右上角按钮，扫描网页上的二维码，便可以打开hello_world页面。

此时如果对hello_world.we文件进行修改，demo中的页面也会自动刷新。