vue项目,安装node.js与npm
- 一、目标
- 二、node与npm关系,npm与cnpm关系
- 三、安装node.js与npm
- 四、配置环境变量
- 五、配置镜像与安装cnpm
- 六、执行npm install
我曾在多个电脑上安装过node和npm,深受安装过程中遇到的各种问题折磨,在此记录下成功的经验。
一、目标
执行npm install命令完成后,项目目录中出现node_modules目录即可(即使有报错也无妨)。
这个目录你可以理解为:存放前端缓存的依赖目录。
二、node与npm关系,npm与cnpm关系
1.npm相当于node.js的依赖包的管理者,类似于maven。
2.npm是node官方的包管理器,cnpm是中国版的npm,是淘宝定制的。
因为网络原因无法使用npm时,可用cnpm。
三、安装node.js与npm
1.node.js的官网下载地址:https://nodejs.org/en/download/package-manager
在安装node.js时,会自动安装npm。
若你的项目有指定的node版本,就用那个。
若没有,我这里建议使用v14.21.3版本,比较稳定,版本越高,遇到的稀奇古怪的问题越多。
另外,v16版本以上,就不在支持node-sass了,所以我这边选择了v14版本。
2.安装时尽量不要安装在C盘。这里勾选上,他会自动将node添加到系统环境变量。
打开cmd黑窗口,运行 node -v 和 npm -v检查是否安装成功。
3.在安装目录创建node_global、node_cache两个文件夹。
修改这两个目录的权限,不然有可能会报无权限的错误(npm ERR! Error: EPERM: operation not permitted):
并依次执行如下命令:
npm config set prefix "D:\SoftWare\NodeJS\node_global"
npm config set cache "D:\SoftWare\NodeJS\node_cache"
此时,打开用户目录下的.npmrc文件,能看到这里也发生了改变:
四、配置环境变量
1.在用户环境变量中添加node_global目录:
2.在系统变量添加NODE_PATH,值是node_global下的node_modules目录:
3.修改系统变量的Path:
五、配置镜像与安装cnpm
#淘宝最新的镜像
npm config set registry https://registry.npmmirror.com
#检查是否成功
npm config get registry
#安装cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com/
淘宝的原镜像是:
npm config set registry https://registry.npm.taobao.org
但是这个的证书过期了,会报错(npm ERR! code CERT_HAS_EXPIRED)
六、执行npm install
在编程软件的终端,执行npm install命令:
项目中出现这个目录就大功告成了!(有错误也没事,只要这个目录没被npm自动删掉)