第一步下载并安装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
设置环境变量
新建环境变量 ** 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开发环境
以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 安装完成之后,可执行文件的位置)
- 引入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
*
参考