1. 下载Weex源码
首先,你得安装了git。至于如何安装git,可以google/baidu了。Mac OSX的同学可以使用brew命令安装。如果没有brew,请先安装homebrew。
这里,就当作大家git 命令和基础知识已经准备妥当。
打开: 网站,就可以看到weex的源码。我们使用git克隆代码到本地:
代码下载完成了,那么我们看一下源码的目录结构。
package.json : node_modules依赖,更重要的是里面包含了npm run xxx 等快捷命令。比如之前我们运行node.js程序是这样的:$ node xx.js。这里我们可以把它配置化,例如package.json文件中的:
start文件: 启动程序文件,里面包换编译和启动脚本:
其中npm run就是执行package.json中的定义好的脚本别名。
- examples: 示例Demo
- build:打包各平台的脚本,配置在package.json中。
3.跑起程序
- Prerequisites
- Install Node.js 4.0+
- Under project root
- , install project
./start
- Install
- Run playground, In Android Studio
- Open
android/playground
- In
app/java/com.alibaba.weex/IndexActivity
, modifyCURRENT_IP
to your local IP - Click ( button)
- Open
Runtime
On Android Platform , Weex code is executed in weex_v8core which is based on Google V8 JavaScript engine.
iOS
- Prerequisites
- Install 4.0+
- Under project root
npm install
, install project./start
- Install iOS Environment
- Install
- Run playground
cd ios/playground
pod install
- Open in Xcode
- If you want to run the demo on your device. In
DemoDefine.h
(you can search this file by Xcode default shortcutcmd + shift + o
), modify to your local IP
运行的结果,如下图:
但是,我们也希望在浏览器中看到效果,那么输入如下网站也可:
其中index.we是入口文件。因此可以在example中增加一个文件。然后在index.we中增加一个name和title。
5.如何学习
到这里基本上已经可以修改个钟demo,查看各种效果。当不了解一个组件和api如何使用时,查阅官方文档和阅读Demo就显得尤为重要。