weex环境安装.md

搭建开发环境

weex有个playground的app（android和ios）可以验证你的demo在app中运行的情况。首先先安装下，地址：http://weex.apache.org/cn/playground.html扫码下载。体验后，最好还是自己在本地起个项目，自己玩。playground不能调试，看不出来错误。

第一步：安装依赖

Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要 Node.js 和 Weex CLi。

安装Node.js方式多种多样，最简单的方式是在 Node.js 官网 下载可执行程序直接安装即可。

对于 Mac，可以使用Homebrew进行安装：

brew installnode

更多安装方式可参考 Node.js 官方信息

安装完成后，可以使用以下命令检测是否安装成功：

zhengjinguangdeMacBook-Pro:weex-projectzhengjinguang$node -vv6.10.0zhengjinguangdeMacBook-Pro:weex-projectzhengjinguang$npm -v3.10.10

通常，安装了 Node.js 环境，npm 包管理工具也随之安装了。因此，直接使用 npm 来安装 weex-toolkit。

$ npm install -g weex-toolkitzhengjinguangdeMacBook-Pro:weex-project zhengjinguang$ weex -v  v1.0.5- weex-builder : v0.2.6- weex-devtool : v0.2.79- weex-previewer : v1.3.7

Mac本本的同学，请使用

sudo npminstall-gweex-toolkit

第二步：初始化

然后初始化 Weex 项目：

$ weex init project-name

执行完命令后，在 {{project-name}} 目录中就创建了一个使用 Weex 和 Vue 的模板项目。

第三步：开发

之后我们进入项目所在路径，cd {{project-name}}weex-toolkit 已经为我们生成了标准项目结构。

在 package.json 中，已经配置好了几个常用的 npm script，分别是：

build:源码打包，生成 JS Bundledev:webpack watch 模式，方便开发serve:开启静态服务器debug:调试模式

我们先通过 npm install 安装项目依赖。之后运行 npm run dev

原生的集成

参见官方文档http://weex.apache.org/cn/guide/integrate-to-your-app.html

最好下载下来，作为module引入。这样可以修改他们的源码。