weex 实时看开发效果-真机实时调试

安装weex-toolkit 详见官网文档：http://weex.apache.org/cn/gui...

查看安装情况

$ weex -v

手机上安装 Weex Playground APP 下载地址：http://weex.apache.org/cn/pla...

运行时保持 手机和电脑在同一局域网。

实时预览

weex-toolkit 支持预览你当前开发的weex页面(.we或者.vue)，你只需要指定预览的文件路径即可：

cd 到入口文件

$ cd src

如果你需要预览整个项目目录，你可以输入这样的命令:

$ weex debug 你的文件.vue

浏览器会自动弹出页面，这个时候你可以看到你所编辑的 Weex页面的具体效果和页面布局。如果你使用 Playground 扫描右边的二维码，就能够看到 Weex 在 Android/IOS 设备上的效果了。

备注：安装 weex-toolkit 会遇到各样问题，都需要耐心解决，比如权限、路径等问题。

如果在执行 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）】

如果出现如下

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