简单介绍：

Weex的出现主要解决了Web开发的应用频繁发布版本和多端研发两个问题，同时解决了前端语言性能差异和显示效果受限的问题。

什么是weex：

Weex是使用流行的Web开发体验来开发高性能原生应用框架。使开发者可以用JS语言和前端开发经验来开发移动应用。就是让我们能使用前端的东西来开发移动端，实现无缝衔接。（虽然也没有那么的无缝）

weex和框架的关系：

weex需要依赖前端框架来编写，但weex并没有绑定、限制在特定的框架上。目前，Vue和Rax是广泛应用于Weex开发的前端框架。本章我们就使用Vue+weex来演示创建一个基本的weex环境和框架。

我们为什么要使用weex：

之前我们说过，weex的出现就是为了让前端开发人员能比较流畅的过度到移动端的开发，所以weex就是帮助我们开发移动端应用的

创建第一个weex实例：

就像我们创建一个Vue框架一样，weex也需要有前置条件，就是必须安装好node和npm，最好将npm的源配置为淘宝镜像，这样才能开始安装weex

检测node和npm的安装和版本号：

如果版本太低，也可以先升级一下版本：执行npm install -g npm@版本号

在完成了node和npm的安装后，就是开始完成weex环境的安装：

使用npm install weex-toolkit -g命令进行安装：

中间可能有一些黄色的警告，这些都暂时不用管。

在执行完之后，我们使用weex -v查看weex的版本号:

需要注意的是，在我们第一次运行weex的命令的时候，会弹出一个需要手动选择的选项，这个选项的意思是：”weex-toolkit 可以匿名报告使用情况统计信息以随着时间的推移改进该工具吗？“也就是报告使用中的问题，这个可以Y也可以N，他推荐Y那咱们就Y了

然后就进入下一个选项：

这个选项的意思是配置npm的源，是使用npm自带的源还是使用淘宝的源，为我们的中国用户特意添加了一个网速快的源，非常的贴心，我们就用第一个use taobao就可以了

在我们选择完成，按下回车之后：

就会出现weex的beta版本号，这个时候我们的weex环境才算配置完成，我们就可以再次输入查看版本号的命令：

这样就能正常的显示版本号了

接下来我们就开始创建一个weex应用：

Weex 提供了一个命令行工具 weex-cli 来帮助开发者使用 Weex。它可以用来快速创建一个空项目、初始化 iOS 和 Android 开发环境、调试、安装插件等操作。

目前 weex-cli 只支持创建 Vue.js 的项目。创建 Rax 的项目可以使用 rax-cli，参考 Rax 的官方网站了解其用法。

weex create 应用名

这个应用的名字是可以自定义的，当然最好还是不要包含大写字母和一些主流的框架的名字，在我们写好命令之后，就可以按下回车进行应用的基本配置了：

设置应用的名字：

这里他括号里面的就是我们之前配置好的应用的名字，可以直接按下回车确定，如果想要改一个名字，可以在这里进行修改。

设置应用的类型：

这里他推荐我们就是创建一个weex项目，而我们也确实是想创建一个weex项目，所以直接回车就好了

Author表示这个应用的作者，这个作者可以在应用详细信息里可以查到，我们就输入自己的英文名或者自己名字的拼写，不建议使用中文，防止乱码

设置weex的版本：

第一个选项就是一个比较新的版本，适合尝新和体验一些新的特性，但是很显然，这些新的东西都伴随一些不稳定性，所以我们如果是开发中会选择第二个稳定版，后面也说了，推荐给大多数用户，我们就选择这个

选择Bable模式：

在前端开发的过程中，一旦涉及到JS的编写就一定绕不开ES6语法，那么Bable就非常的必要了，这里我们就选择stage-0模式就可以，因为他后面的洋文说了：”推荐给大多数用户，支持你所有的ES6语法“，那我们就选择这一个。

是否使用Vue-router来管理页面路由：

这里就是字面意思，但是他告诉我们不推荐使用vue-router，为什么呢，在weex的官网上给出了我们解释：

也就是说，我们的Vue是单页面应用，所以我们使用了路由来模拟多页面中的页面切换效果，但是weex是可以编写多页应用的，而且weex有一个专门用于页面通信的组件。而且就算你配置了路由的属性，也只能影响单个页面的路由，总的来说，就是路由只适合在单页面中使用，而weex是多页面应用，而且有自己的跨页面通信解决方案，所以他不要推荐我们使用。

那么这里我们按下Y选择使用vue-router，别问，问就是天生反骨