Weex入门学习---环境搭建

Weex是使用Node.js开发搭建的,所以第一步先安装node.js.

安装地址: （注:）node.js需要4.0+

1. 百度云下载地址http://pan.baidu.com/s/1o84g6c6
2. 官网下载地址https://nodejs.org/en/
3. 安装教程：http://www.shouce.ren/api/view/a/3461 

第二步 安装weex-toolkit,这是weex的集成环境

1.打开cmd,输入 ： 

npm install -g weex-toolkit  

2.安装完成后可查看weex版本

weex --version

至此 weex环境安装好了.

第三步  创建第一个weex项目

1.首先建一个文件夹如：Demo

   2.然后使用cmd进入Demo这个文件夹，或者在这个文件夹下直接打开cmd（按住shift键同时点击鼠标右键选择【在此处打开命令窗口】）

   3.输入：weex init 

它会出现prompt:Project Name:<weex-test> 按回车也可自定义   （这个是让你设置创建项目的名称   如果直接按回车就是默认文件夹的名字）

4.接着安装依赖输入  npm install

5.输入：npm run build 同步在dist目录下创建main.js文件

 6.输入：npm run serve 开启一个端口8080的服务  

接着打开浏览器在地址栏输入：localhost:8080就可以出现效果了

还有一种方式打开这个.we文件看到效果就是在

src文件夹下面开启cmd输入：weex  Demo.we（就是你项目名）就会自动浏览器渲染效果

还可以在手机上显示这个效果：

进入src目录下会看到一个.we文件（如文件是：text.we），这个就是你的Weex程序
然后按住Shift+鼠标右键出现：在此处打开命令窗口：输入weex xxxxxxx（文件的全称包括扩展名） --qr 如：（weex text.we --qr）
就会生成一个很大的二维码：然后用WEEX应用扫描就可以看到效果了！这个应用在这里下载：http://alibaba.github.io/weex/download.html  

7.再在这个目录下打开cmd 输入：npm run dev 这个是开启监听.we文件的改动

也就是说我们在src目录下：用记事本（其他编译软件也可以）打开.we文件把那个HelloWeex 改成Helloword接着刷新网页就会改变文本；手机上刷新也会跟着改变！