【毕业设计】工具大礼包之『Node.js 14.21.3安装与配置』

JavaDog程序狗
JavaDog程序狗
发布于 2024-11-01 / 18 阅读
0
0

【毕业设计】工具大礼包之『Node.js 14.21.3安装与配置』

系统版本

电脑系统:Windows 10

一.Node.js下载

🎯 统一版本Node.js 14.21.3,下面两种下载方式2选1即可

1.官网直下

官网下载地址

https://nodejs.org/zh-cn/download/prebuilt-installer

选择版本14.21.3,点击下载

2.云盘下载

https://pan.baidu.com/s/18xmTANJAcUP2WyIJhk2m-w?pwd=bslb

密码是bslb

找到node-v14.21.3-x64.msi

二.Node.js安装

1.双击node-v14.21.3-x64.msi

2.点击Next

3.许可证勾选同意

4.设置安装路径,可自定义修改

此处安装路径请记录,后续配置环境变量需要

5.自定义设置

6.Native模块工具

7.点击安装

8.安装中

9.安装完成

10.安装Native模块

11.验证是否成功安装

查看node版本

node -v

查看npm版本

npm -v

三.Node.js配置修改

1.找到node安装目录,新增文件夹node_global和node_cache

2.设置npm下载安装路径

  • 以管理员运行cmd命令提示符

  • 进入刚才创建的node_global目录
cd "C:\Program Files\nodejs\node_global"

  • 执行修改npm全局安装地址命令

npm config set prefix 【刚新建的node_global路径】 ,路径直接复制刚才创建的node_global路径即可

npm config set prefix "C:\Program Files\nodejs\node_global"

  • 查看是否修改成功
npm config get prefix

3.设置npm缓存路径

  • 以管理员运行cmd命令提示符

  • 进入刚才创建的node_cache目录
cd "C:\Program Files\nodejs\node_cache"

  • 执行设置npm缓存路径命令

npm config set cache 【刚新建的node_cachel路径】 ,路径直接复制刚才创建的node_cache路径即可

npm config set cache "C:\Program Files\nodejs\node_cache"

  • 查看是否修改成功
npm config get cache

四.Node.js配置环境变量

1.右键『此电脑』,点击属性

2.找到『高级系统设置』,并进入点击『环境变量』

3.新建系统变量

点击新建,创建NODE_HOME系统变量,将node安装路径下刚创建的node_global\node_modules复制,后面拼接一个node_modules

C:\Program Files\nodejs\node_global\node_modules

4.将NODE_HOME变量添加入系统Path

选中Path,点击编辑,将%NODE_HOME%加入其中,别忘点击确定和应用

5.修改用户变量中的path

编辑【用户变量】中的【Path】,将npm默认 AppData\Roaming\npm 路径修改为node_global,一定记得确认和应用

五.测试验证

安装vue

检验测试,使用cmd全局安装vue

npm install -g vue

六.更换镜像源

在安装上一步vue时,十分卡顿,建议更新镜像源,采用国内更快更好!!!

1.切换淘宝镜像源

  • cmd执行切换淘宝镜像源
npm config set registry https://registry.npmmirror.com
  • cmd查看镜像源是否切换成功
npm config get registry

七.错误解析

出错步骤

如果采用cmd命令安装vue时,报错如下

npm install -g vue

解决方案

使用管理员权限进行执行cmd


评论