【学习笔记】gin-vue-admin的环境Node.js安装与配置

Node.js安装与配置

安装Node.js

下载node

下载地址：https://nodejs.cn/download/

选择自己适配的安装包（我这里为Windows11 64位，故选择下载第一个安装包）

安装

双击安装包，点击Next，勾选使用许可协议，点击Next，选择安装位置

继续点击Next，点击Next，点击Install，点击Finish完成安装。

添加环境变量

通常下载完后会自动添加环境变量，如果环境变量里没有的话，执行以下步骤进行添加

任务栏搜索——环境变量

找到Path

新建环境变量，添加Node.js的安装路径（自己安装的路径）

然后连点确定，保存我们刚添加的环境变量

验证是否安装成功

• 进入cmd命令行窗口，输入node -v查看nodejs版本

• 输入npm -v查看npm版本

修改模块下载位置

此步骤修改以后npm全局下载模块的保存位置，可根据自身情况选择是否更改。

查看npm默认存放位置

• 使用npm get prefix查看npm全局模块的存放路径

• 使用npm get cache查看npm缓存默认存放路径

说实在的这就是看看这些东西放哪，没啥用，想看就看

在 nodejs 安装目录下，创建 “node_global” 和 “node_cache” 两个文件夹

修改默认文件夹

• 设置全局模块的安装路径到 新建的node_global 文件夹

npm config set prefix "自己创建的node_global文件地址"

• 设置缓存到新建的node_cache 文件夹

npm config set cache "自己创建的node_cache文件地址"

注意：由于 node 全局模块大多数都是可以通过命令行访问的，还要把【node_global】的路径“D:\store\nodejs\node_global”加入到【系统变量 】下的【PATH】 变量中，方便直接使用命令行运行，如下图所示：

测试默认位置是否更改成功

经过上面的步骤，nodejs下载的模块就会自动下载到我们自定义的目录，接下来我们测试一下是否更改成功。

在终端输入下面的指令:

npm install express -g

或者

npm install express --global

注意：“-g”等同于“–global”，“-g” 是全局安装，不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的【node_global】目录下，同时nodejs会自动地在node_global文件夹下创建【node_modules】子文件夹， 即自动下载到“D:\store\nodejs\node_modules” 路径下。

这里的等待时间较长，耐心一点

执行完成这样就可以了

报错处理

在执行上面其中一个指令时发生以下报错不要慌，多半是你权限不够

找到自己nodejs的文件（也就是你下载的那个地址）,右键文件，找到属性，点击安全，点击编辑

在完全控制上打勾，剩下的会自动打勾，点击应用，加载完后点击确定

执行npm install express -g仍然出错的话继续将nodejs下【node_cache】、【node_global】、【node_modules】这三个文件夹的所有权限勾选，再次执行即可

• 如果进行上面的步骤再次运行还是出现错误，那么我们可以采取去其他地方拉取，也就是设置个镜像源

npm config set registry http://mirrors.cloud.tencent.com/npm/

npm install -g cnpm -registry=http://mirrors.cloud.tencent.com/npm/

设置镜像

将npm默认的registry修改为淘宝registry

npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载，国内下载会很慢，可以更换为国内镜像

淘宝镜像源：https://registry.npmmirror.com。

腾讯镜像源：http://mirrors.cloud.tencent.com/npm/

选一个就行，我这里用的淘宝镜像源

• 查看当前使用的镜像路径

npm config get registry

默认是这个镜像源，我们需要把镜像源换成国内能用的

• 更换镜像源

npm config set registry 镜像源地址

• 检查镜像是否配置成功

全局安装基于淘宝源的cnpm

由于npm的服务器在海外，所以访问速度比较慢，访问不稳定 ，cnpm的服务器是由淘宝团队提供，服务器在国内，cnpm是npm镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装，在项目创建与卸载等相关操作时仍使用npm。

• 全局安装基于自己源的cnpm
  我这里用的淘宝镜像源

npm install -g cnpm --registry=https://registry.npmmirror.com

• 执行命令查看cnpm是否安装成功

注意：cnpm -v只能在cnpm安装的目录才能运行

cnpm -v

这样就完事大吉了