WIN10下阿里WEEX环境搭建

一、使用playgroud运行

1.我们得去申请阿里的weex代码权限，因为现在还没开源，得先申请。

2.我们可以看下阿里的文档：http://alibaba.github.io/weex/doc/tools/cli.html，安装nodejs，npm，然后全局安装weex-toolkit。npm install -g weex-toolkit

3.本来这时候按阿里文档直接运行weex *.we就应该能在Weex Playground App里面看到代码了。但win10好像有bug，得修改下文件。

可以参考：[https://github.com/indexzero/http-server/issues/244]

主要就是把

C:\Users\tracy\AppData\Roaming\npm\node_modules\weex-toolkit\node_modules\ecstatic\lib\ecstatic\etag.js【这是我安装的路径，默认一般在这个路径下】文件替换如下

module.exports = function (stat) {
  return JSON.stringify([stat.ino, stat.size, stat.mtime.toJSON()].join('-'));
}

这样就可以访问不报错了。

二、使用浏览器运行

下面我们来讲讲如何在浏览器上直接看到demo界面。

1.已完成上面的步骤，接下来把阿里的代码下下来。例如，我放在了D:\workspaces\gitlab\github\weex。

2.用管理员打开nodejs commond prompt，然后cd 到上面的目录下。然后运行npm install webpack

3.我又运行了:npm run build 还是一堆报错。

4.那就再运行npm install。这个命令会解决所有依赖关系，下载所有的库。

5.安装成功后，就可以运行命令：npm run build

6.运行：npm run serve &

7.再打开个command进入到相同目录运行：npm run watch

这时就会在example目录下生成build文件夹生成相应的js文件。

8.接下来就可以在浏览器里面访问了：

http://127.0.0.1:12580/index.html?page=./examples/build/tech_list.js

./是有start文件的那个文件夹，就是源代码的根目录啊。

还没有评论.