Win10 安装 Node 16 和 Vue
Win10 安装 Node 16 和 Vue
一、下载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】文件,如果存在删除
一般在卸载程序时,会默认自动删除
更多推荐
所有评论(0)