Weex项目环境搭建

官方指导：http://weex-project.io/cn/guide/set-up-env.html

一、安装node.js

1. node.js需要4.0+
2. 官网下载地址https://nodejs.org/en/
3. 安装教程请看这里node.js安装图解。
   安装node，然后npm也集成在里面，等于同时下载了node和npm；
   查看版本号：
   

4.改变原有的环境变量，

(1)我们要先配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹，输入以下命令改变npm配置

1.npm config set prefix “D:\Program Files\nodejs\node_global”
2.npm config set cache “D:\Program Files\nodejs\node_cache”

(2)在系统环境变量添加系统变量NODE_PATH，输入路径D:\Program Files\nodejs\node_global\node_modules，此后所安装的模块都会安装到改路径下

(3)在命令行输入以下命令试着安装express（注：“-g”这个参数意思是装到global目录下，也就是上面说设置的“D:\Program Files\nodejs\node_global”里面。）
npm install express -g
安装完毕后可以看到.\node_global\node_modules\express 已经有内容

(4)在命令行输入node进入编辑模式，输入以下代码测试是否能正常加载模块：

require(‘express’)
假设成功，可以看到有输出。假设出错，检查NODE_PATH的路径。

5、安装淘宝npm（cnpm）

(1)输入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org

(2)输入cnpm -v输入是否正常，这里肯定会出错。
cnpm -v

(3)添加系统变量path的内容
　　因为cnpm会被安装到D:\Program Files\nodejs\node_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

二、安装webpack

//全局安装
$ cnpm install -g webpack

三、安装serve

//全局安装
$ cnpm install -g serve

四、安装weexpack

//全局安装
$ cnpm install -g weexpack

五、安装weex-toolkit

//全局安装
$ cnpm install -g weex-toolkit

weex-toolkit和weexpack的区别

weex-toolkit 初始化的项目是针对开发单个 Weex 页面而设计的，也就是说这样的项目只包括单个页面开发需要的东西，比如前端页面源文件、webpack 配置、npm 脚本等。项目产生的输出就是一个 JS Bundle 文件，可以自由的进行部署。
weex-pack 是初始化一个完整的 App 工程，包括 Android 和 iOS 的整个 App 起步，前端页面只是其中的一部分。这样的项目最终产出是一个 Android App 和一个 iOS App。