安装nvm(详细教程),配置全局node环境并安装vue/cli
猛扇赵四那半好嘴 2024-08-22 15:33:01 阅读 88
一、安装nvm
nvm 安装包链接: https://pan.baidu.com/s/1EKOnPYRq6_QjzdFVcpH0Fw?pwd=2ujg
选好安装路径后直接安装即可:
本文中安装在D盘 D:\software\NVM\nvm 目录下。nodejs安装在D盘 D:\software\NVM\nvm\nodejs 目录下。
二、使用nvm下载nodejs对应版本
安装完成后,在 nvm 安装的目录下找到 setting.txt 文件,将以下代码复制到里面,完成 nvm 源修改。
<code>node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
查看环境系统变量:
环境变量打开方式:我的电脑-属性-高级系统设置-环境变量确认有如下配置(默认 nvm 安装成功后,会自动生成)
nvm 命令:
<code>nvm -v // 查看当前nvm版本
nvm list available // 查看网络上可以安装的版本
nvm install 版本号 // 安装该版本的nodejs
nvm uninstall // 卸载该版本的nodejs
nvm use 版本号 // 使用该版本的nodejs
nvm ls // 查看所有nodejs的版本和当前使用版本
使用 nvm 安装 14.20.1 版本的 nodejs :
nvm install 14.20.1 // 安装14.20.1版本nodejs
nvm ls // 查看已安装nodejs版本
nvm use 14.20.1 // 使用14.20.1版本nodejs
安装并使用完成后依次输入以下命令查看版本号:
三、配置环境系统变量
在 nvm 的安装目录新建两个文件夹 node_global 和 node_cache <code>。
node_global 文件夹为全局路径; node_cache 文件夹为缓存路径。
nvm 安装目录结构如下图:
创建完这两个文件夹后,在 cmd 窗口中输入以下命令(命令中这两个路径是新建的两个文件夹的路径)。
<code>// 设置全局路径
npm config set prefix "D:\software\NVM\nvm\node_global"
// 设置缓存路径
npm config set cache "D:\software\NVM\nvm\node_cache"
配置用户变量和系统变量,二者配置保持一致:在 path 中新增一个环境变量指向全局路径。
配置 node_global 全局路径,并且保证 path 中包含 %NVM_HOME% 和 %NVM_SYMLINK% (一般安装完 nvm 就会存在,如果没有,新建配置)。
另外,如果 path 中存在 C:\Users\用户名\AppData\Roaming\npm ,则直接将其改为上方图片配置即可,不需要再新建。
在用户变量和系统变量中新建: NODE_PATH ,路径为 node_global 路径。
点击确定,此时,便配置完 nodejs 全局指向的路径。
四、安装全局vue/cli
配置淘宝镜像:
<code>// 查询源
npm config get registry
// 更换淘宝源
npm config set registry https://registry.npmmirror.com
在命令窗口输入命令:
npm install -g @vue/cli
如果安装过程中出现错误如下: Unhandled rejection Error:EACCES:permission denied ,代表权限不够,需要开启管理员命令窗口。
安装完成输入命令查询vue版本:
vue -V
查询到版本即代表 vue/cli 全局安装成功。
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。