Window7 nodejs npm react Qnui

1. 第一步下载并安装nodejs

2. 在nodejs的主目录下建立“node_global”及“node_cache”两个文件夹。然后在cmd中键入两行命令：

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

3. 安装模块

npm install express –g

4. 设置环境变量
   新建环境变量 ** NODE_PATH *，输入 D:\nodejs\node_global\node_modules *。

5. 以上步骤都OK的话，我们可以再次开启cmd命令行，进入* node *，输入 ** require('express') ** 来测试下node的模块全局路径是否配置正确了。正确的话cmd会列出express的相关信息。

( 以下步骤可参考[qnui官方文档](http://qnui.taobao.org/start/getStart/?
type=%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8) ）

6. 构建react开发环境
   以yeoman为例：

npm install -g yo
npm install -g generator-react-webpack
mkdir QNUI-project && cd QNUI-project
yo react-webpack

注：此处可能报错 ** yo 不是内部或外部命令。。。
原因：环境变量没有配置，系统找不到 yo 路径
解决办法：配置系统变量 Path *，末尾加 D:\nodejs\node_global * (yo 安装完成之后，可执行文件的位置)

Paste_Image.png

7. 引入QNUI
   QNUI提供了npm包的引入方式，在项目目录(** QNUI-project **)下运行

npm install qnui --save
如果安装时出现 *
UNMET PEER DEPENDENCY react-addons-css-transition-group@^0.14.0
或者类似的
UNMET PEER DEPENDENCY *****
错误时，只需要重新安装对应的依赖即可
例如：npm install --save react-addons-css-transition-group react-dom*
参考