浏览器预览 #34

Open
wangrunxiang opened this Issue Jun 28, 2016 · 4 comments

Projects

None yet

4 participants

@wangrunxiang
wangrunxiang commented Jun 28, 2016 edited

原文链接

如何在浏览器中预览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

@wangrunxiang wangrunxiang changed the title from 在浏览器中预览 to 浏览器预览 Jun 29, 2016
@gangoogle

exciting

@X-my
X-my commented Jan 6, 2017

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

@DoranYun
DoranYun commented Jan 6, 2017

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

@X-my
X-my commented Jan 6, 2017

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment