初到公司发现电脑上面已经安装nodejs,但是版本是最新版本。但是问题来了,好像是不太支持vue3,所以查了一些资料,具体的也不是很清楚,反正就是nodejs的版本不能太高最好保持在16以下。好吧,那就重新卸载再来安装nodejs吧。

目录

1、卸载nodejs

2、下载nodejs

3、验证nodejs

4、配置环境

1、更改npm安装全局模块目录和缓存路径

2、配置环境变量

3、配置淘宝镜像

5、验证安装


1、卸载nodejs

打开电脑卸载程序,找到nodejs执行卸载。卸载完成后找到之前安装的位置删除所有的文件夹,如下所示;

其次,可能在C盘中也会存在相关的npm文件所以一定要找到相关文件进行删除。我这里C盘确实有一个文件夹,名称是什么.npm…,然后我删除了。

最后打开命令提示符,输入node -v 和npm -v 查看是否卸载,如下图所示;

至此,我电脑的老版本就卸载完成,接下来就重新下载nodejs进行安装

2、下载nodejs

官方下载地址:以往的版本 | Node.js

点击链接可直接到官网进行下载,但最好不要下载16版本以上的,我这里下载的是Node.js 15.14.0版本对应的npm版本是7.7.6版本。

注意:nodejs版本最好是下载.msi的版本,这里他会自动的去配置电脑环境。

下载完成后,打开软件包,直接一路next到底(可以更换安装的路径,我这里是安装到D盘的,建议各位尽量将这些安装包放到D盘,别一股脑的放在C盘);

3、验证nodejs

打开命令面板输入node -v 和npm -v检查node版本和npm版本

命令面板:win+r输入cmd

node -v
npm -v

4、配置环境

1、更改npm安装全局模块目录和缓存路径

npm install xxx时默认存放路径为:C:\Users\用户名\AppData\Roamin。比较占空间因此将其放在D盘吧这样子我们也方便查看

将安装的node文件夹下面新建两个空文件夹:node_cahce和node_global,放置我们安装的一些东西,然后将全局模块目录和缓存路径换成我们新建的两个文件见

全局安装模块为:node_global

缓存路径为:node_cahce

打开命令面板 分别输入命令:npm config set prefix “D:\node\node_global”设置全局安装目录,和npm config set cache “D:\node\node_cahce”设置缓存路径

npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cahce"

输入以下命令可查看是否配置成功;

npm config get prefix
npm config get cache

2、配置环境变量

上面说到.msi版本的不需要配置环境,但是我们最好还是检查一下。

找到环境变量配置,找到系统变量path看一下有没有对node进行配置,如果没用那么可进行手动配置。同时将我们的全局安装模块目录也对其进行配置,其配置步骤和下面一致,如下图所示;

3、配置淘宝镜像

在命令面板输入以下命令可查看本地的镜像;

npm config get registry

更改镜像为淘宝镜像,输入以下命令;

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果要将镜像复原可输入以下命令;

npm config set registry https://registry.npmjs.org

5、验证安装

1.安装express,使用npm命令——> npm install express -g

2.安装webpack,使用npm命令——> npm install webpack -g

到刚刚新建的文件夹node_global进行查看

到此,打完收工~~~又可以快乐的写bug啦