第一步下載并安裝nodejs
在nodejs的主目錄下建立“node_global”及“node_cache”兩個文件夾国葬。然后在cmd中鍵入兩行命令:
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
- 安裝模塊
npm install express –g
設置環(huán)境變量
新建環(huán)境變量 ** NODE_PATH *,輸入 D:\nodejs\node_global\node_modules *汇四。以上步驟都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開發(fā)環(huán)境
以yeoman為例:
npm install -g yo
npm install -g generator-react-webpack
mkdir QNUI-project && cd QNUI-project
yo react-webpack
注:此處可能報錯 ** yo 不是內部或外部命令。巢价。固阁。
原因:環(huán)境變量沒有配置,系統(tǒng)找不到 yo 路徑
解決辦法:配置系統(tǒng)變量 Path *碉克,末尾加 D:\nodejs\node_global * (yo 安裝完成之后并齐,可執(zhí)行文件的位置)
- 引入QNUI
QNUI提供了npm包的引入方式,在項目目錄(** QNUI-project **)下運行
npm install qnui --save
如果安裝時出現(xiàn) *
UNMET PEER DEPENDENCY react-addons-css-transition-group@^0.14.0
或者類似的
UNMET PEER DEPENDENCY *****
錯誤時撕贞,只需要重新安裝對應的依賴即可
例如:npm install --save react-addons-css-transition-group react-dom
*
參考