Weex入门篇——Mac 安装Weex

相关文档:http://blog.csdn.net/jasonblog/article/details/51863173

前言

相比较于React Native的“Learn once, write anywhere”,Weex的口号是“Write once, run everywhere”。考虑到React Native比较任性的向下兼容性,我们也引入了Weex做一番了解。

一、Weex 环境配置

  1、参考官方教程,我们需要先安装Node。在Mac上也可以通过Homebrew直接进行安装:brew install node。(这里赶脚)

接着我们需要安装Weex CLI:npm install -g weex-toolkit,并确保版本号大于0.1.0:

1. $ weex —version

2. v1.0.4  (说明安装成功)

【备注:如果在执行 npm install -g weex-toolkit 时,安装weex tookit老是失败的解决办法:使用淘宝的镜像来安装;

  sudo npm install -g weex-toolkit@1.0.4 --registry=https://registry.npm.taobao.org

  这时如果出现:

  we suggest you run "sudo chmod 777 ~" and re installor you can try "mkdir ~/.xtoolkit&&chmod 777 .xtoolkit"  则说明是权限问题。

  执行如下权限命令:

  1、 cd  /Users/enniu/.xtoolkit  (这里是我自己的绝对路径)

  2、sudo chmod 777 ~

  (或者cd /Users/enniu/,然后执行chmod 777 .xtoolkit)】

至此,准备工作已经到位,我们可以开始编写Weex程序了。

2、开始执行weex 部署

创建一个名为helloweex.we的文件,并编写以下代码:

<template>

  <div>

   <text>Hello Weex</text>

   </div>

</template>

通过命令行在helloweex.we文件所在的目录下执行如下命令:

$ weex helloweex.we

info Wed May 03 2017 16:43:54 GMT+0800 (CST)WebSocket  is listening on port 8082

info Wed May 03 2017 16:43:54 GMT+0800 (CST)http  is listening on port 8081

info http://192.168.20.108:8081/?hot-reload_controller&page=helloweex.js&loader=xhr&wsport=8082&type=we

说明成功

【备注:如果出现如下

Error: EACCES: permission denied, unlink '/Users/enniu/.weex_tmp/weex.html'

at Object.fs.unlinkSync (fs.js:1081:18)

则需说明读写权限没有,执行下面两句即可

1、cd /Users/enniu/

2、sudo chmod 777 .weex_tmp/】

上一篇:Vue入门系列(三)之Vue列表渲染及条件渲染实战


下一篇:从壹开始微服务 [ DDD ] 之一 ║ D3模式设计初探 与 我的计划书