搭建开发环境
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引入。这样可以修改他们的源码。