【新手/小白教程】打开一个vue项目的前置准备,nvm安装指定版本node

news/2024/11/13 7:51:49/

目录

  • 一、前言
  • 二、nvm
    • nvm介绍
    • nvm下载与安装
      • 1. 官网下载 nvm 包
      • 2. 安装 nvm-setup.exe
      • 3. 配置路径和下载镜像
      • 4. 检查nvm是否安装完成
      • 5. 错误情况
  • 三、node
    • node版本查看
    • node命令

一、前言

在换新电脑的时候总是需要把所有东西重新安装配置,这篇用来记录一下打开一个vue项目的准备工作。

二、nvm

nvm介绍

nvm(node.js version management),是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具,为了解决node.js 各种版本存在不兼容现象 可以通过它可以安装和切换不同版本的node.js。

nvm下载与安装

1. 官网下载 nvm 包

官网地址
在这里插入图片描述

2. 安装 nvm-setup.exe

注意自己修改安装路径时,文件夹名称不要出现中文,空格等。
在这里插入图片描述

在这里插入图片描述

3. 配置路径和下载镜像

找到nvm安装路径 =>找到 setting.txt 文件=>新增两行信息,配置下载源
在这里插入图片描述
添加:

javascript">node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

添加后如下图所示:
在这里插入图片描述
保存后退出。

javascript">第一行是 nvm安装路径
第二行是 nodejs路径
第三行是 node下载镜像
第四行是 npm下载镜像

4. 检查nvm是否安装完成

win + R,调用cmd,输入nvm,出现下面这一堆就表示安装成功了。在这里插入图片描述

5. 错误情况

如果安装不成功,查看之前自己安装的 node.js 有没有彻底删除、安装nvm过程中有没有漏掉什么,可重新卸载再安装一次nvm包。

三、node

node版本查看

win + R,调用cmd,使用 nvm list available 查询可插入版本号,LST表示可插入稳定版本。【如未指定版本,建议安装LTS下的版本】
在这里插入图片描述

node命令

安装指定node.js版本:

javascript">nvm install 16.14.0

切换node版本(如果报错,用管理员身份打开):

javascript">nvm use 16.14.0

检验是否安装成功:

javascript">node -v

查看当前已安装的node.js版本,带*号的是正在使用的:

javascript">nvm list
或者
nvm ls

删除某node.js版本:

javascript">nvm uninstall node版本号  //例如:nvm uninstall 16.14.0)即可删除对应版本

http://www.ppmy.cn/news/1527806.html

相关文章

Nginx 实现七层的负载均衡

一、拓扑结构 [vip: 20.20.20.20] 外网 桥接模式(vip) 内网 nat模式[LB1 Nginx] [LB2 Nginx]192.168.1.2 192.168.1.3[index] [milis] [videos] [images] [news]1.11 1.21 1.31 1.41 1.511.12 1.22 1.32 1.42 1.5…

【数据结构-一维差分】力扣1893. 检查是否区域内所有整数都被覆盖

给你一个二维整数数组 ranges 和两个整数 left 和 right 。每个 ranges[i] [starti, endi] 表示一个从 starti 到 endi 的 闭区间 。 如果闭区间 [left, right] 内每个整数都被 ranges 中 至少一个 区间覆盖,那么请你返回 true ,否则返回 false 。 已…

4.铝箔缺陷检测项目复盘

硬件 1.装配的时候,在最初阶段就要考虑后面的走线,不能一团乱的塞进去完事,起码相同功能的线要用扎带处理一下。然后理顺好,要不后期理线是灾难。 2.有线标,线号,比如哪根线代表哪个相机,调试的…

CTFShow-信息搜集

Web1: ​ 题目描述:开发注释未及时删除 。 ​ 打开题目后提示web1:where is flag? ​ ctrlu读取源码。 Web2: ​ 题目描述:js前台拦截 无效操作 ​ 打开题目后显示:无法查看源代码 ​ 右键无法用,…

react 基础语法

前置知识 类的回顾 通过class关键字定义一个类 类名首字母大写 class类有constructor构造器 new 一个类得到一个实例 类还有方法,该方法也会在其原型上 static静态数据,访问静态属性通过 类名.id getter和setter getter:定义一个属性&…

继图书管理项目遗留的问题修改

1. 查询查不到? 因为我的数据库变量是下划线命名的,user_id ,而一种规范是 ,这个时候的实体类的变量要写成驼峰型的,就是userId。 第二种就是直接把数据库变量和实体类变量的名字设成相同的。 这样封装成的对象才能…

Vue 常用高级指令解析

Vue 高级指令的重要性 Vue 高级指令是一种扩展 Vue.js 框架的功能的方式,可以让你在处理 DOM 元素时具有更多的控制权。它们可以通过自定义指令的方式进行编写和应用。 高级指令的重要性在于,它们使开发者能够通过 Vue 框架来创建更加复杂和灵活的交互…

【Vmware16安装教程】

📖Vmware16安装教程 ✅1.下载✅2.安装 ✅1.下载 官网地址:https://www.vmware.com/ 百度云盘:Vmware16下载 123云盘:Vmware16下载 ✅2.安装 1.双击安装包VMware-workstation-full-16.1.0-LinuxProbe.Com.exe,点击…