安装nvm、nodejs及配置环境变量

2 篇文章 0 订阅
2 篇文章 0 订阅

安装nvm,并使用nvm安装nodejs及配置环境变量

NVM安装

  1. 下载nvm
    在这里插入图片描述

  2. 点击下一步安装到 D:\NVM 下
    在这里插入图片描述

  3. 先在D:\NVM 下创建nodejs文件夹,然后将路径设置如下:
    在这里插入图片描述

  4. 点击next 一直点击 完成安装;

  5. 找到nvm的setting.txt文件
    在这里插入图片描述

    node_mirror: https://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/
    
  6. 环境变量配置:
    点击计算机 – 右击点击属性 – 选择高级系统设置 – 点击环境变量 – 查看环境变量是否配置(默认nvm安装成功后,自动生成):
    在这里插入图片描述

  7. 查看 nvm -v 安装成功
    在这里插入图片描述

nodejs安装

通过nvm安装node

  1. 重新打开cmd,输入:
nvm install node版本号  // 安装对应版本的node
nvm ls                 // 用于查看已安装的node版本列表
nvm use node版本号     // 切换到对应版本的nodejs

如:
nvm install 16.14.2  // 安装16.14.2版本的nodejs
nvm use 16.14.2   // 使用16.14.2版本的nodejs

安装成功后,
在这里插入图片描述

  1. node环境变量配置
    在NVM的安装目录新建两个文件夹node_global和node_cache
    在这里插入图片描述

  2. 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径):

    npm config set prefix "D:\NVM\node_global"
    npm config set cache "D:\NVM\node_cache"
    

    或者

    nvm config set prefix "D:\NVM\node_global"
    nvm config set cache "D:\NVM\node_cache"
    
  3. 接下来设置电脑环境变量,右键“我的电脑”=》属性=》高级系统设置=》环境变量 进入以下环境变量对话框。

  1. 【用户变量】设置
    在这里插入图片描述
    %NVM_HOME% 和 %NVM_SYMLINK% 表示nvm安装成功,新建D:\nvm\node_global,共3个路径。

2)【环境变量】设置
在【系统变量】新建环境变量 NODE_PATH,值为D:\NVM\node_global\node_modules,其中D:\NVM\node_global\node_modules是上述创建的全局模块安装路径文件夹
在这里插入图片描述

ps:如果如下报错,使用管理员权限cmd即可。
在这里插入图片描述

vue安装

查看vue是否安装了,打开cmd 输入 where vue。
在这里插入图片描述
安装vue步骤如下:

  1. 切换镜像源、
    npm config set registry=https://registry.npm.taobao.org/
    
  2. 查看当前镜像下包源 npm config get registry

在这里插入图片描述

  1. 安装vue、vue-cli、webpack

    npm install vue -g
    npm install vue-cli -g
    npm install webpack -g 
    

    检查Vue是否安装成功
    返回版本号则说明安装成功,注意V是大写,小写不成功

参考地址:https://blog.csdn.net/JJ_Smilewang/article/details/127823953

查看各个版本

```
nvm -v
nvm use 14.19.1
node -v
npm -v
vue -V
```
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值