美文网首页
新手学习Weex之环境搭建

新手学习Weex之环境搭建

作者: 大唐帝国 | 来源:发表于2016-07-29 15:27 被阅读126次

一.搭建背景

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

相关文章

网友评论

      本文标题:新手学习Weex之环境搭建

      本文链接:https://www.haomeiwen.com/subject/lqezjttx.html