快速上手

内置组件

<text> 组件是由 Weex 特有的，它是一个块级的文本容器，可以用来渲染文字。
文本只能放在 <text> 标签里，否则将被忽略。
在 <style> 标签内，你可以写 CSS 来描述一个组件的样式，需要注意的是，这些样式在 Weex 里只能作用于当前组件。（强制 scoped）。

原生组件

Weex 使用的是原生系统提供的 Widget（应用扩展）来渲染的。尽管 Weex 强调每个跨平台的一致性，但我们仍然接受平台本身的行为和 UI 差异。例如 switch 组件在 Android 和 iOS 上看起来是不同的（在 Web 端的外观模拟了 iOS）。
Weex 也支持你扩展更多原生组件，但是你需要在每个平台上实现它们，并保持其行为一致。最实用的方法是将现有的本地组件集成到 Weex 平台中。

原生模块，内置模块

对于那些不依赖于 UI 的功能，Weex 推荐将它们包装到模块中，然后使用 weex.requireModule('xxx') 来引入。这是使用 javascript 调用原生功能的一种方法，如网络，存储，剪贴板和页面导航等功能。例如调用ajax请求模块

一次编写，处处运行

支持针对特定的平台开发功能。Weex 提供了 weex.config.env 和 WXEnvironment（它们是相同的）来获得当前的运行时环境。你可以用 WXEnvironment.platform 来确定代码运行在哪个平台上。除了平台以外，WXEnvironment 还包含其他环境信息，如 osVersion 和 deviceModel，参考 Weex variable 了解更多详细信息。

支持多个前端框架

Vue.js 和 Rax 都已经集成进了 Weex SDK，你不需要再额外引入。
可以把自己喜欢的前端框架集成到 Weex 中。需要了解关于 js-native 之间通信和原生渲染引擎的许多底层细节。

创建一个 App

命令行工具 weex-toolkit 可以用来快速创建一个空项目、初始化 iOS 和 Android 开发环境、调试、安装插件等操作。只支持创建 Vue.js 的项目

初始化

npm install weex-toolkit -g

用 weex create 命令来创建一个空的模板项目：

weex create awesome-app

在当前目录的 awesome-app 文件夹里就有了一个空的 Weex + Vue.js 项目。

开发

npm install
npm start

工具会启动一个本地的 web 服务，监听 8081 端口。你可以打开 http://localhost:8081 查看页面在 Web 下的渲染效果。
源代码在 src/ 目录中，你可以像一个普通的 Vue.js 项目一样来开发.

编译和运行

默认情况下 weex create 命令并不初始化 iOS 和 Android 项目，你可以通过执行 weex platform add 来添加特定平台的项目。

weex platform add ios
weex platform add android

Weex