新手学习Weex之环境搭建

一.搭建背景

1.系统：mac 10.11.4

二.搭建步骤

1.下载安装node.js 。https://nodejs.org/en/。安装步骤很简单，都是下一步下一步。ps，下载最新版本。

2.终端输入：sudo npm install -g weex-toolkit  出错就查看npm安装版本，终端输入:npm -v版本不能低于2.15.1。再出错就是重新运行安装。注意要加上sudo管理员权限。

三.编写一个hello.we文件写入代码：

.logoContainer {

width: 750px;height: 500px;

align-items: center;justify-content: center;

background-color: #0054DC;

}

.logo {

width: 378px;height: 84px;

}

.desc {margin-top: 40px;font-size: 24px;color: #ccc;}

.textContainer {

width: 750px;padding-top: 200px;

align-items: center;justify-content: center;

}.text {font-size: 48px;}

2.终端cd进hello.we所在文件夹，输入：wexx test.we（生成网页），输入：weex hello.we --qr（生成二维码），用在官网下的：http://alibaba.github.io/weex/download.html安装包安装到你的手机上，里面会有一个二维码扫描一下，就可以看到效果了。手机端和电脑端连的网络应该是要局域网下才行