*** 其實Mac跟 Windows的配置 步驟是一樣的，不同的就是Mac的環境變量的添加 ***
第一步下載并安裝nodejs
在方便找到的文件夾下建立“node_global”及“node_cache”兩個文件夾（我是在自己的用戶目錄下創建的）。然后在終端中鍵入兩行命令：
npm config set prefix "~\nodejs\node_global"
npm config set cache "~\nodejs\node_cache"
- 安裝模塊
npm install express –g
- 設置環境變量
新建環境變量 ** NODE_PATH **
- 首先確定自己使用的shell，**
echo $SHELL** 即可- 如果是bash，則將變量添加到* ~/.bash_profile 或 ~/.bashrc (此處網友提供，未經驗證，因為我的是zsh)；如果是zsh，添加變量到 ~/.zshrc *中
- **
vim ~/.zshrc** 打開文件 ，在文件最后加上
**export NODE_PATH=~/nodejs/node_global/lib/node_modules**
(此處不要直接復制，而是要找到npm安裝的軟件的位置，我通過npm全局安裝的軟件全都安裝在* ~/node_global/lib/node_modules *目錄下)- **
source ~/.zshrc** 使變量立即生效
- 以上步驟都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) ）
- 構建react開發環境
以yeoman為例：
npm install -g yo
npm install -g generator-react-webpack
mkdir QNUI-project && cd QNUI-project
yo react-webpack
注：此處可能報錯 ** yo 不是內部或外部命令。。。
原因：環境變量沒有配置，系統找不到 yo 路徑
解決辦法：配置系統變量 Path **，(可參考步驟 4 ,路徑為 yo 安裝完成之后，可執行文件的位置)
- **
vim ~/.zshrc** 打開文件- 在文件最后加上
**export PATH=$PATH:~/nodejs/node_global/bin** （此處也不要直接復制，而是要找到yo的安裝位置或者yo的快捷方式的位置，我的在 * ~/nodejs /node_global/bin *目錄下）- **
source ~/.zshrc** 使變量立即生效
** 對比 Mac 和 Windows 下 yo 默認快捷方式的位置 **
Mac 下的 yo
Windows 下的 yo
- 引入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
參考
