1、Node.js下载
下载地址:Node.js
不过最新的Node.js版本不支持win7,如果需要win7的Node.js ,我找了个历史版12的下载,https://nodejs.org/download/release/v12.0.0/
2、Node.js安装
下载好了之后,我选择安装的目录在D盘,其他默认选择就可以。
3、验证Node.js是否安装成功
键盘按下【win+R】键,输入cmd回车,打开cmd命令窗口
node v
npm v
4、修改全局安装模块位置到D盘
执行在CMD命令,路径以你实际的安装位置为准
npm config set prefix "D:\PHP\nodejs\node_global"
npm config set cache "D:\PHP\nodejs\node_cache"
5、切换淘宝镜像源
- 1、默认npm下载网速可能特别慢,手动修改设置
打开.npmrc文件(D:\PHP\nodejs\node_modules\npm\npmrc)
添加
registry =https://registry.npm.taobao.org
检测是否更换成功
npm config get registry
还原仓库默认地址
npm config set registry https://registry.npmjs.org/
- 2、CMD命令设置仓库地址
npm config set registry https://registry.npm.taobao.org
运行命令检查是否成功
npm config list
6、用阿里的cnpm代替默认的npm
运行CMD命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果以上npm切换过阿里源也可以直接运行下面短命令
npm install -g cnpm
检测是否安装成功
cnpm -v
结果提示cnpm不是内部或外部命令,原因是系统变量path没有更改现有安装位置,在系统变量path下添加正确路径即可正常使用cnpm。
再查看一遍就可以了
7、测试:全局安装express
测试:全局安装express
测试一下刚刚安装的express模块,问题年年有,今天特别多。直接报错:cannot find module ‘express’
- 尝试使用cnpm全局安装express模块
问题未解决
- 在当前目录下安装express模块
问题得到了解决
最后设置一下环境变量:
path中增加D:\PHP\nodejs\node_global\node_modules
8、安装nrm (可选)
cnpm install -g nrm
查看cnpm当前使用镜像
nrm ls
更改cnpm当前镜像
nrm use XXX(如:taobao)
测试速度
nrm test cnpm
8、安装webpack
全局安装:
npm(或cnpm) install webpack -g
npm(或cnpm) install webpack-cli -g
单项目本地安装
npm(或cnpm) install --save-dev webpack@3.6.0
npm(或cnpm) install --save-dev webpack-cli (4.0以后的版本需要安装webpack-cli)
至此,看似最简单的Node.js 安装与配置,作为小白的我却花了足足几个小时,各种百度,各种错误,最终才正确安装与配置,正所谓《纵里寻她千百度,蓦然回首,我发现很多错误》,如果对您有帮助记得点赞收藏,有不足之处请及时指正。