一、下载Nodejs

Nodejs:https://nodejs.org/en/
历史版本:https://nodejs.org/en/download/releases
清华镜像:https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/

二、安装Nodejs

2.1双击 node-v16.20.1-x64.msi,执行安装
在这里插入图片描述

2.2下一步
在这里插入图片描述

2.3点击接受协议,下一步
在这里插入图片描述

2.4更改安装路径,下一步
【E:\Nodejs\Node16】
在这里插入图片描述

2.5默认安装,下一步
在这里插入图片描述

2.6下一步
在这里插入图片描述

2.7点击安装
在这里插入图片描述

2.8完成
在这里插入图片描述

2.9验证是否安装成功
在键盘按下【win+R】键,输入【cmd】,然后回车,输入命令

node  -v
npm  -v

在这里插入图片描述

2.10安装完后的目录如下图所示:
在这里插入图片描述

2.11对安装目录权限授权
找到安装目录→右键→属性→安全
注意:非常重要,否则后续执行 npm 下载命令会报无权限!
在这里插入图片描述

三、配置Nodejs

3.1、配置全局缓存

# 1、在Nodejs的安装主目录中新建文件夹:【node_cache】和【node_global】,此处我的安装路径是【E:\Nodejs\Node16】

# 2、在键盘按下【win+R】键,输入cmd,然后回车

# 3、输入命令,设置生效
npm config set prefix "E:\Nodejs\Node16\node_global"
npm config set cache "E:\Nodejs\Node16\node_cache"
# 查看默认全局模块存放路径
npm list -g

3.2、配置淘宝镜像源

在键盘按下【win+R】键,输入cmd,然后回车

# 设置为淘宝源地址
npm config set registry https://registry.npmmirror.com
# 查看是否设置成功
npm config get registry

安装cnpm,非必须

# 安装cnpm命令(只有安装才能使用cnpm命令)
npm install -g cnpm --registry=https://registry.npmmirror.com
# 查看版本
cnpm -v

3.3、测试

在键盘按下【win+R】键,输入cmd,然后回车

npm install express -g     # -g是全局安装的意思
或
cnpm install express -g     # -g是全局安装的意思

四、配置环境变量

配置环境变量:右击“我的电脑” --> “属性” --> “高级系统设置” --> “环境变量”
在这里插入图片描述
4.1设置【NODE_HOME】
在系统变量里新建【NODE_HOME】变量,变量值为:

E:\Nodejs\Node16

4.2设置【NODE_PATH】
在系统变量里新建【NODE_PATH】变量,变量值为:

%NODE_HOME%\node_global\node_modules

4.3设置【Path】
在【Path】变量(已存在不用新建)修改变量值:
这里需要注意的是:在安装的时候默认已经Add to path,需要把默认的删除掉,重新配置。
删除用户变量中【Path】变量的值:【C:\Users\用户名\AppData\Roaming\npm】
删除系统变量中【Path】变量的值:【E:\Nodejs\】

# 逐个新建
%NODE_HOME%
%NODE_HOME%\node_global
# 
%NODE_HOME%;%NODE_HOME%\node_global

五、安装Vue

# 安装vue
npm install vue -g
# 安装vue-cli
npm install vue-cli -g			# Vue2
npm install @vue/cli -g			# Vue3
# 查看是否安装成功
vue -V

在这里插入图片描述

六、常用命令

# 清理缓存
npm cache clean --force
# 查看默认全局模块存放路径
npm list -g
# 查看源地址
npm config get registry

使用npm安装插件:命令提示符执行npm install <name> [-g] [--save-dev]
使用npm卸载插件:npm uninstall <name> [-g] [--save-dev] PS:不要直接删除本地插件包 
使用npm更新插件:npm update <name> [-g] [--save-dev] 
更新全部插件:npm update [--save-dev] 
查看npm帮助:npm help 
查看当前目录已安装插件:npm list

注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

七、卸载Nodejs

7.1、卸载应用程序

打开【控制面板 -> 程序 -> 卸载】,找到【Node.js】,右键点击卸载,卸载Node.js

在这里插入图片描述

7.2、删除环境变量

配置环境变量:右击“我的电脑” --> “属性” --> “高级系统设置” --> “环境变量”
删除【用户变量和系统变量】的Node信息
我的是删除NODE_HOME、NODE_PATH、Path中Node信息

7.3、删除文件

E:\Nodejs(安装目录)
C:\Users{User}\AppData\Local\npm-cache
C:\Users{User}\AppData\Roaming下npm、npm-cache信息(如果存在)

7.4、检查注册表

在键盘按下【win+R】键,输入regedit,然后回车
检查【HKEY_CURRENT_USER -> SOFTWARE】下是否还存在【Node.js】文件,如果存在删除
一般在卸载程序时,会默认自动删除

Logo

前往低代码交流专区

更多推荐