最新体验了下WEEX，这是一个使用js语法编写客户端程序的框架。我们可以使用vue.js编写代码。
vue语法
demo
效果展示：
这个展示效果app使用的是我本地的tomcat提供服务，服务端源码：码云
- 首先 web 开发体验在各端当中是相同的。包括语法设计和工程链路。
- 其次，Weex 的组件、模块设计都是 iOS、Android、Web 的开发者共同讨论出来的，有一定的通用性和普遍性。
- Weex 开发同一份代码，可以在不同的端上分别执行，避免了多端的重复研发成本。
下面进入正题：
环境搭建
- 客户端原生: 只需要在手机上安装一个app即可，调试运行可以通过扫描二维码非常方便。playground
- node.js: 官网，
首页上就有下载链接。node安装应该也是非常轻松 - WEEX:
官网guide
官网github
demo和源码
首先安装weex-toolkit
$ npm install -g weex-toolkit如果npm遭遇网络问题，可以使用淘宝的 cnpm 镜像：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ cnpm install -g weex-toolkit初始化 weex 项目
$ weex init weex-bobby这样在当前文件夹下会生成一个weex-bobby工程，进入weex-bobby文件夹安装项目依赖
$ npm install这样环境基本就可以正常使用了。
项目运行
首先是Hello World
在weex-bobby文件夹下，会有一个src文件夹，这个文件夹就是源代码的目录，新建的项目工程目录中会有一个index.vue文件。
<template>
<text>Hello World</text>
</template>template标签中写的是页面布局 script标签控制逻辑 style标签控制样式
第一个文件有了，然后在weex-bobby目录下输入或直接点击start.bat
$ npm run serve页面就启动了，网页会自动打开，想在手机上看到效果可以输入
weex src/index.vue页面启动后，还会生成二维码，使用playground扫一下即可在真机上看到效果。
运行demo
demo源码的地址在文章开头，直接把源代码放到src目录就是这么简单。这里我们需要对整个工程打包
$ weex src --entry src/index.vue同样的，手机扫一扫即可看到效果
如果想直接打包生成js源码发在手机上运行不通过网络，使用下面的命令
$ weex compile src dist运行后，dist文件夹下就是项目的打包后的文件，我们直接把dist文件夹下的所有内容全部复制到android工程中的assets目录下，然后重新运行playground的项目，playground项目android源码在demo和源码
存在的未知问题：
使用weex src --entry src/index.vue运行项目后tabbar中单页标签中的style样式会解析失败，但是通过解析打包后的js文件就可以加载style样式，目前原因不知道。
所以demo项目如果想通过二维码直接在真机上看到效果使用一下2个命令
$ weex src --entry src/index.vue然后在一个cmd中
$ weex compile src .weex_tmp更新第一步生成的js源码