自学内容网 自学内容网

安装nvm(详细教程),配置全局node环境并安装vue/cli

一、安装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 源修改。

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

查看环境系统变量:

  • 环境变量打开方式:我的电脑-属性-高级系统设置-环境变量
  • 确认有如下配置(默认 nvm 安装成功后,会自动生成)

 nvm 命令:

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 

  •  node_global 文件夹为全局路径;
  •  node_cache 文件夹为缓存路径。

 nvm 安装目录结构如下图:

创建完这两个文件夹后,在 cmd 窗口中输入以下命令(命令中这两个路径是新建的两个文件夹的路径)。

// 设置全局路径
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

配置淘宝镜像:

// 查询源
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 全局安装成功。 


原文地址:https://blog.csdn.net/m0_60189088/article/details/140528645

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!