How to preview weex code in browser ?

weex-toolkit

We strongly suggest you use weex-toolkit to preview weex code in your browser. This tool were Node.JS based, so you need to install Node at first. Please download and install latest stable version of Node from https://nodejs.org/en/download/stable/. Then you can install weex-toolkit using npm install:

npm install -g weex-toolkit

Check whether the toolkit is working by typeing weex in cmd line. Normally you should see the following help text:

Usage: weex foo/bar/your_next_best_weex_script_file.we  [options]

Options:
  -n      do not open preview browser automatic                        [boolean]
  --qr    display QR code for native runtime                           [boolean]
  -h      specify weex server listen host                 [default: "127.0.0.1"]
  -o      transform weex JS bundle only, specify bundle file name using the
          option                                 [default: "no JSBundle output"]
  -s      start a http file server, weex .we file will be transformed on the
          server , specify local root path using the option     [default: false]
  --help  Show help                                                    [boolean]

If all works well, navigate to the path the xxx.we file you want to preview in, and type the command:

weex xxx.we

A browser window will open automatically to display the page you want to preview: