vue项目，安装node.js与npm

我曾在多个电脑上安装过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自动删掉）