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/】