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

news2025/2/28 12:09:55

一、安装nvm

1.下载nvm

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

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

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

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

5、找到指定nvm打开后:

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

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

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

环境变量配置:

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

 ​​

 4.点击环境变量

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

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

 验证nvm安装:

打开cmd,输入nvm -v

返回版本号,说明成功。 

 二、安装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/

 

2、node环境变量配置

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

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

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

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

(1)先设置用户变量 

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

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

(2)再设置系统变量 --- Path变量的设置和用户变量中一致

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

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

三、安装Vue

 1. 切换镜像源

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

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

3.安装vue、vue-cli、webpack

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

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

注意:我安装以上包的时候,使用的nodejs版本是16.0.0,因为开始使用18.0.0时由于版本过高,无法成功安装vue。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/405059.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

关于 Token 过期问题的两种解决方案

对于token过期,我们有两种方案: 方案一:当我们操作某个需要token作为请求头的接口时,返回的数据错误error.response.status 401,说明我们的token已经过期了。 我们希望当响应返回的数据是401身份过期时,让…

【学Vue就跟玩一样】如何使用vue中的消息订阅与发布,如何使用vue实现动画效果

一,消息订阅与发布1.什么是消息订阅与发布消息订阅与发布是一种组件间通信的方式,适用于任意组件间通信。能更好的实现组件间通信(消息订阅与发布就像是送报员一样。好比小a向报社订阅了一份报纸,然后在报社留下了自己的信息&…

Web 开发与搜索引擎优化,你应该选择哪一个?

💂 个人网站:【海拥】【摸鱼游戏】【神级源码资源网站】🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】** 目录什么是搜索引…

什么是BFC,他有什么用?

1、什么是BFC BFC - Block Formatting Context 块级格式化上下文 BFC的定义,在官方文档到中是这么介绍的:一个BFC区域包含创建该上下文元素的所有子元素,但是不包括创建了新的BFC的子元素的内部元素,BFC是一块块独立的渲染区域&a…

【Three.js基础】创建场景、渲染场景、创建轨道控制器(一)

🐱 个人主页:不叫猫先生 🙋‍♂️ 作者简介:前端领域新星创作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀! 💫系列专栏:vue3从入门…

Web服务器配置管理

作者:敲代码の流川枫 博客主页:流川枫的博客 专栏:和我一起学java 语录:Stay hungry stay foolish 工欲善其事必先利其器,给大家介绍一款超牛的斩获大厂offer利器——牛客网 点击免费注册和我一起刷题吧 文章目录…

CSS,HTML,JS 以及Vue前端面试题八股文总结【看完你就变高手】

■ 符号说明💘 主题🌟 常见重要🌛 需要有印象的🆕 v3新特性■ 杂谈🌛 SEO优化合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可;description把页…

vue3面试题:2022 最新前端 Vue 3.0 面试题及答案(持续更新中……)

1、 Vue2.0 和 Vue3.0 有什么区别? 响应式系统的重新配置,使用代理替换对象.define属性,使用代理优势: 可直接监控阵列类型的数据变化监听的目标是对象本身,不需要像Object.defineProperty那样遍历每个属性&#xff0…

20分钟上手ES6,不会ES6好意思说自己会JS ?

✍🏼作者:周棋洛,大二计算机学生 ♉星座:金牛座 🏠主页:点击查看更多 🌐关键:ES6 javascript 前端 文章目录理解ES6ES6 块级作用域 letES6 解构数组ES6 解构对象ES6 模板字符串ES6 判…

【Spring】IOC,你真的懂了吗?

作者:狮子也疯狂 专栏:《spring开发》 坚持做好每一步,幸运之神自然会驾凌在你的身上 目录 一. 🦁 前言二. 🦁 控制反转(IOC)Ⅰ. 🐇主要思想Ⅱ. 🐇原生技术创建实例弊端Ⅲ. 🐇自定义对象容器3.1 准备数据3.2 创建配置文件3.3 创建容器管理类3.4 创建StudentSer…

JS 数组中的 filter 方法

1、定义 filter()创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 2、语法 array.filter(function(currentValue,index,arr), thisValue); 3、参数说明 返回 4、用法 filter() 方法用于把Array中的某些元素过滤掉,然后返回…

echarts实现3d柱状图的两种方式

echarts实现3d柱状图的两种方式 看了不少关于3d柱状图的案例,发现做3d柱状图 常用的两种方式就是 自定义图形和象型柱图, 两种实现方式效果如下: 方法1: echarts.graphic.extendShape 自定义图形 echarts自定义图形的详细用法点这里, 官网点这里, 图中第一个3d柱状图我参考…

unplugin-auto-import 和 unplugin-vue-components

背景 unplugin-auto-import:为 Vite、Webpack、Rollup 和 esbuild 按需自动导入 API。支持 TypeScript。 unplugin-vue-components:Vue 的按需组件自动导入。 这两个插件都是涉及到按需自动导入,所以我们在使用 Vue 和其对应的 组件之类时…

最全的—— ES6有哪些新特性?

目录ES6新特性1、let和const2、symbol3、模板字符串3.1 字符串新方法(补充)4、解构表达式4.1 数组解构4.2 对象解构5、对象方面5.1 Map和Set5.1.1 Map5.1.2 Set5.3 数组的新方法5.3.1 Array.from()方法5.3.2 includes()方法5.3.3 map()、filter() 方法5.…

ES6中的箭头函数详细梳理

一、箭头函数的介绍 1.1 什么是箭头函数 ES6中允许使用>来定义函数。箭头函数相当于匿名函数,并简化了函数定义。 1.2 基本语法 // 箭头函数 let fn (name) > {// 函数体return Hello ${name} !; };// 等同于 let fn function (name) {// 函数体return …

vue是什么?vue的优点有哪些?

目录 一、vue是什么 二、为什么要用Vue? 1. 组件化 2. MVVM 数据双向绑定 3. 响应式 虚拟DOM 4.生命周期 三、Vue的优点 1. 轻量级 2. 高性能 3. 好上手 4. 插件化 5. 便于测试 6.运行速度更快 7.视图,数据,结构分离 一、vue是什么 Vue是一套用于构建…

vue基础用法基础原理整理

vue基础用法&基础原理整理 md文件地址:https://gitee.com/gaohan888/note 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象demo容器里的代码依然符合html规范,只不过混入了一些特…

Vue3 中路由Vue Router 的使用

目录前言:一、什么是 Vue Router ?二、路由的使用1、路由的安装2、路由的模式3、创建路由模块4、声明路由链接和占位符三、路由的重定向和别名四、嵌套路由五、声明式和编程式导航1、声明式导航2、编程式导航3、替换当前位置4、路由历史总结:…

如何使用vue-cli来搭建vue项目?详细步骤跟着我来吧!

目录 一、什么是vue-cli? 二、前提:搭建好NodeJS环境 安装vue-cli 三、使用脚手架vue-cli(2.X版)来构建项目 第一步 第二步 第三步 第三步 第四步 三、SPA完成路由的开发 第一步 ​编辑第二步 第三步 第四步 第四步 四、嵌套路由 使用children属性 五、知…

SpringMVC的文件上传

6.SpringMVC的文件上传 6.1-SpringMVC的请求-文件上传-客户端表单实现(应用) 文件上传客户端表单需要满足&#xff1a; 表单项type“file” 表单的提交方式是post 表单的enctype属性是多部分表单形式&#xff0c;及enctype“multipart/form-data” <form action"…