一.搭建背景
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安装包安装到你的手机上,里面会有一个二维码扫描一下,就可以看到效果了。手机端和电脑端连的网络应该是要局域网下才行
网友评论