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

这篇具有很好参考价值的文章主要介绍了安装nvm,并使用nvm安装nodejs及配置环境变量。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、安装nvm

1.下载nvm

nvm配置环境变量,前端实战,npm,前端

 解压后点击exe文件进行安装:

nvm配置环境变量,前端实战,npm,前端

 2、点击下一步安装到 D:\NVM 下

nvm配置环境变量,前端实战,npm,前端

 3、先在D:\NVM 下创建nodejs文件夹,然后将路径设置如下:

nvm配置环境变量,前端实战,npm,前端

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

5、找到指定nvm打开后:

nvm配置环境变量,前端实战,npm,前端

给该文件添加这两行命令:

node_mirror: https://npm.taobao.org/mirrors/node/

npm_mirror: https://npm.taobao.org/mirrors/npm/

环境变量配置:

  1.  点击计算机
  2.  右击点击属性
  3. 选择高级系统设置

 ​​nvm配置环境变量,前端实战,npm,前端

 4.点击环境变量

 5.查看环境变量是否配置(默认nvm安装成功后,自动生成): 

与如下配置(保持一致): 

nvm配置环境变量,前端实战,npm,前端

 验证nvm安装:

打开cmd,输入nvm -v

nvm配置环境变量,前端实战,npm,前端

返回版本号,说明成功。 

 二、安装node

1.通过nvm安装node

重新打开cmd,输入:

nvm install node版本号  // 安装对应版本的node
nvm ls                 // 用于查看已安装的node版本列表
nvm use node版本号     // 切换到对应版本的nodejs


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

 查看node版本号的网址:https://nodejs.org/en/download/releases/

nvm配置环境变量,前端实战,npm,前端 

2、node环境变量配置

1.首先在NVM的安装目录新建两个文件夹node_global和node_cache

nvm配置环境变量,前端实战,npm,前端

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

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

3.接下来设置电脑环境变量,右键“我的电脑”=》属性=》高级系统设置=》环境变量 进入以下环境变量对话框

(1)先设置用户变量 

nvm配置环境变量,前端实战,npm,前端

注意:【用户变量】中的path变量,%NVM_HOME%  和  %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。

如果有C:UsershuaAppDataRoaming npm,则将其修改为D:\NVM\node_global,如果没有就自己新建D:\NVM\node_global,总之保证有以上内容。

(2)再设置系统变量 --- Path变量的设置和用户变量中一致nvm配置环境变量,前端实战,npm,前端

 4.在【系统变量】新建环境变量 NODE_PATH,值为D:\NVM\node_global\node_modules,其中D:\NVM\node_global\node_modules是上述创建的全局模块安装路径文件夹

nvm配置环境变量,前端实战,npm,前端

5.所有设置完点击确定,即配置完成。 

三、安装Vue

 1. 切换镜像源

npm config set registry=https://registry.npm.taobao.org/

2.查看当前镜像下包源 npm config get registry 

nvm配置环境变量,前端实战,npm,前端

3.安装vue、vue-cli、webpack

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

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

nvm配置环境变量,前端实战,npm,前端

注意:我安装以上包的时候,使用的nodejs版本是16.0.0,因为开始使用18.0.0时由于版本过高,无法成功安装vue。文章来源地址https://www.toymoban.com/news/detail-784642.html

到了这里,关于安装nvm,并使用nvm安装nodejs及配置环境变量的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【项目实战】在win10上安装配置Hadoop的环境变量

    注意:该教程适用于:远程连接Linux上的Hadoop集群,因此本步骤是不需要在本地再下载hadoop的 在win10操作系统上,运行Hadoop以及其相关依赖包(比如Hbase依赖包)时,我遇到的情况是,我需要使用SpringBoot+Phoenix的组合去连接Hbase这往往是需要在本机(Windows 10)上安装配置 Hado

    2024年02月12日
    浏览(46)
  • nodejs下载安装以及配置全局变量

    一、下载 官网下载: 1、https://nodejs.org/dist/v10.16.3/node-v10.16.3-win-x64.zip 2、http://nodejs.cn/download/ 注:根据自己的项目对应电的nodejs版本去下载对应的,否则肯出现项目无法运行的情况 二、安装 无脑下一步即可,安装完成后nodejs会自行配置全局变量 注:根据自己需求更换安装的

    2023年04月08日
    浏览(44)
  • 使用nvm安装nodejs,出现‘cnpm‘ 不是内部或外部命令,也不是可运行的程序

    【问题警告】 npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fs changed 375 packages in 27s 【操作场景】 1. 使用nvm安装管理不同版本的nodejs时,执行命令node -v和npm -v检查,均安装成功,且环境变量自动生成配置,如下。 2. 利用淘宝npm镜像安装cnpm,输入cnpm -

    2024年02月12日
    浏览(47)
  • Mac环境下nvm的安装与环境配置

    目录 1.nvm简介 2.nvm安装 3.配置nvm环境 nvm全称 Node Version Manager ,意思为node版本控制;它是一个命令行应用,可以快速地更新、安装、使用、卸载本机的全局 node.js 版本。他可以在同一台电脑上进行多个node版本之间的切换,而这正是nvm的价值所在。 当你同时进行两个或多个

    2024年02月08日
    浏览(34)
  • 前端环境安装【mac/window,nvm,node,npm,yarn,react】

    目录 nvm:node版本管理器 安装 window mac 常见命令 Node、npm yarn React a.全局方式 b.临时方式 运行 nvm 主要是用来管理 nodejs 和 npm 版本的工具,可以用来切换不同版本的 nodejs。 安装nvm之前先卸载node Mac彻底卸载node Windows系统完全卸载删除 Node.js_卸载nodejs命令-CSDN博客z window mac n

    2024年01月18日
    浏览(76)
  • IIS部署vue前端过程(含IIS及相关配置和安装),部署遇到的问题及报错(承接vueconfig.js全局配置环境变量,跨域问题)

    目录 一.IIS使用安装。 二.部署准备工作 三.部署前端(以vue为主) 四.问题与报错 1.HTTP 错误 404.0 - Not Found(需重写路由入口) 2.请求调用不了(需要重写请求地址) 3.地址显示undefined 第一步,打开“ 控制面板 ”,点击“ 网络和Internet ”。 第二步,点击左侧“ 程序 ”,然后点击

    2024年02月08日
    浏览(66)
  • Web前端VScode/Vue3/git/nvm/node开发环境安装

    目录 1 基本配置 2 安装vscode 3 安装vue 4 配置bash 5 安装nvm 6 安装node 7 安装yarn 8 新建项目 9 运行helloworld 本篇是为了做前端开发的环境而写。使用的操作系统是windows 10 64位 现在做vue和node基本就是vscode和webstorm,本篇就是用vscode。 可以从主页直接下载 选择windows版本下载即可。

    2024年02月04日
    浏览(58)
  • 使用nvm安装node报错,Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt. Get “https://nodej

    在使用nvm安装node时,会遇到安装失败的情况,如下图所示: 打开nvm目录下的setting.tet文件 在文件中添加以下内容: 保存文件并关闭 使用nvm安装node,如 nvm install 版本号 这样,就可以成功安装node了。

    2024年02月19日
    浏览(51)
  • 【MySQL】MySQL的安装与配置环境变量(使其在控制台上使用)

    作者主页: paper jie_博客 本文作者:大家好,我是paper jie,感谢你阅读本文,欢迎一建三连哦。 本文录入于《MySQL》专栏,本专栏是针对于大学生,编程小白精心打造的。笔者用重金(时间和精力)打造,将MySQL基础知识一网打尽,希望可以帮到读者们哦。 其他专栏:《算法详

    2024年02月06日
    浏览(42)
  • 前端环境安装【mac/window,nvm管理多个版本node,node,npm,yarn,react】

    目录 nvm:node版本管理器 安装 window mac 常见命令 Node、npm yarn React a.全局方式 b.临时方式 运行 nvm 主要是用来管理 nodejs 和 npm 版本的工具,可以用来切换不同版本的 nodejs。 安装nvm之前先卸载node Mac彻底卸载node Windows系统完全卸载删除 Node.js_卸载nodejs命令-CSDN博客z window mac n

    2024年01月16日
    浏览(96)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包