search

weexteam / article

This repos is a third party collection, and is not developed nor maintained by Apache Weex.
1.22k stars 141 forks source link

浏览器预览 #34

Open wangrunxiang opened 8 years ago

wangrunxiang commented 8 years ago

新版中文网站及文档已经上线，请访问 https://weex-project.io/cn/ ， 此处后续不再维护，谢谢理解。

如何在浏览器中预览weex代码？

weex-toolkit

我们强烈推荐你使用weex-toolkit在你的浏览器预览weex代码。这个工具是以node.js为基础的，所以你需要先安装Node。请从这里 https://nodejs.org/en/download/stable/下载稳定版的Node。然后你可以通过npm安装weex-toolkit

npm install -g weex-toolkit

在命令行通过weex命令检查toolkit是否正常工作，通常你会看到下面的帮助信息

Options:
  --qr     display QR code for native runtime, 
  -o,--output  transform weex we file to JS Bundle, output path (single JS bundle file or dir)
  -s,--server  start a http file server, weex .we file will be transforme to JS bundle on the server , specify local root path using the option  
  ......
  --help  Show help

如果顺利的话，进入到你想预览的xxx.we文件的路径，输入命令

weex xxx.we

浏览器窗口会自动打开你想要预览的页面:

preview page

gangoogle commented 7 years ago

exciting

X-my commented 7 years ago

如何在浏览器里做到修改代码后实时预览？

yundongbot commented 7 years ago

@X-my weex xx.we 支持热更新

X-my commented 7 years ago

@DoranYun 刚才在桌面新建了个.we文件，实时刷新终端报错，页面刷新不出来，查了一下应该是该目录没有watch权限，放到其他目录可以了，谢谢！

yundongbot commented 7 years ago

新版中文网站及文档已经上线，请访问 https://weex-project.io/cn/ ， 此处后续不再维护，谢谢理解。