当前位置: 首页 > news >正文

安装nvm使用nvm管理node切换npm镜像后使用vue ui管理构建项目成功

如果安装nvm前已经单独安装过node.js的请先自行卸载原有node和环境变量里面的配置;

亲测成功,有哪些问题可以在评论区发消息或者私聊我

1、安装nvm的步骤如下

下载nvm安装包

在nvm的GitHub仓库,如下是国内镜像仓库:

点击这里跳转链接中找到最新的nvm-setup.exe文件,点击下载

2、安装nvm-setup.exe

    2.1 点击I accept the agreement 后点击 Next

   2.2 养成一个好习惯,每次不建议把东西都放到C盘,建议修改安装路径,我的路径是

E:\Program Files\nvm

 

   2.3 下面安装nodejs到时候的路径,我的建议是和上面的nvm同级最好,我的路径是

E:\Program Files\nodejs

 

 3、环境自动配置完成

安装完成后,其他环境变量自动配置好了,如下:(我的nvm版本是1.1.10)

 

4、测试nvm是否成功

出现版本就是成功,如果没有出现版本请卸载然后重装

 5、安装Node.js:

在命令提示符中输入以下命令来安装Node.js

安装前先配置一下nvm镜像,直接安装的话使用的是国外的镜像会很慢也会下载失败

配置如下:

在nvm的安装根目录 双击打开setting.txt

 添加两行:

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

添加后如下:

 下面我们继续安装node.js:

nvm install 12.18.3

 安装完成后,可以通过以下命令来查看已安装的Node.js版本:

如果有多个node版本可以使用

nvm use <version>例如:nvm use 12.18.3

切换其他版本

 可以通过nvm list 查看自己当前使用的是哪个版本的node

版本前面带*表示是当前使用的版本

 6、验证node.js安装

命令:

node -vnpm -v

如图出现版本表示安装成功:

7、配置npm国内镜像源

安装前 需要先给npm 配置一下国内镜像,我们先查看一下当前的镜像npm config get registry如果显示的镜像源是官方源 https://registry.npmjs.org/ 则可以考虑切换到国内的镜像源,例如淘宝镜像 https://registry.npm.taobao.org/输入以下命令将镜像源切换到淘宝镜像:npm config set registry https://registry.npm.taobao.org/确认镜像源是否已成功切换,可以再次输入以下命令来检查npm config get registry

 8、安装vue cli

npm install -g @vue/cli安装完成后,可以通过以下命令来验证vue cli是否安装成功vue --version如果输出vue cli的版本号,则说明安装成功

9、启动vue ui的图形化界面

创建构建管理项目

 

 

 

相关文章:

安装nvm使用nvm管理node切换npm镜像后使用vue ui管理构建项目成功

如果安装nvm前已经单独安装过node.js的请先自行卸载原有node和环境变量里面的配置&#xff1b; 亲测成功&#xff0c;有哪些问题可以在评论区发消息或者私聊我 1、安装nvm的步骤如下 下载nvm安装包 在nvm的GitHub仓库&#xff0c;如下是国内镜像仓库&#xff1a; 点击这里跳…...

在线LaTeX公式编辑器编辑公式

在线LaTeX公式编辑器编辑公式 在编辑LaTex文档时候&#xff0c;需要输入公式&#xff0c;可以使用在线LaTeX公式编辑器编辑公式&#xff0c;其链接为: 在线LaTeX公式编辑器&#xff0c;https://www.latexlive.com/home 图1 在线LaTeX公式编辑器界面 图2 在线LaTeX公式编辑器…...

【C、C++】学习0

C、C学习路线 C语法&#xff1a;变量、条件、循环、字符串、数组、函数、结构体等指针、内存管理推荐书籍&#xff1a;《C Primer Plus》、《C和指针》、《C专家编程》 CC语言基础C的面向对象&#xff08;封装、继承与多态&#xff09;特性泛型模板STL等等推荐书籍&#xff08;…...

python GUI nicegui初识一(登录界面创建)

最近尝试了python的nicegui库&#xff0c;虽然可能也有一些不足&#xff0c;但个人感觉对于想要开发不过对ui设计感到很麻烦的人来说是很友好的了&#xff0c;毕竟nicegui可以利用TailwindCSS和Quasar进行ui开发&#xff0c;并且也支持定制自己的css样式。 这里记录一下自己利…...

【单片机】51单片机串口的收发实验,串口程序

这段代码是使用C语言编写的用于8051单片机的串口通信程序。它实现了以下功能&#xff1a; 引入必要的头文件&#xff0c;包括reg52.h、intrins.h、string.h、stdio.h和stdlib.h。 定义了常量FSOC和BAUD&#xff0c;分别表示系统时钟频率和波特率。 定义了一个发送数据的函数…...

【bug】记录一次使用Swiper插件时loop属性和slidersPerView属性冲突问题

简言 最近在vue3使用swiper时&#xff0c;突然发现loop属性和slides-per-view属性同时存在启用时&#xff0c;loop生效&#xff0c;下一步只能生效一次的bug&#xff0c;上一步却是好的。非常滴奇怪。 解决过程 分析属性是否使用错误。 loop是循环模式&#xff0c;布尔型。 …...

云原生应用里的服务发现

服务定义&#xff1a; 服务定义是声明给定服务如何被消费者/客户端使用的方式。在建立服务之间的同步通信通道之前&#xff0c;它会与消费者共享。 同步通信中的服务定义&#xff1a; 微服务可以将其服务定义发布到服务注册表&#xff08;或由微服务所有者手动发布&#xff09;…...

【零基础学Rust | 基础系列 | 基础语法】变量,数据类型,运算符,控制流

文章目录 简介&#xff1a;一&#xff0c;变量1&#xff0c;变量的定义2&#xff0c;变量的可变性3&#xff0c;变量的隐藏 二、数据类型1&#xff0c;标量类型2&#xff0c;复合类型 三&#xff0c;运算符1&#xff0c;算术运算符2&#xff0c;比较运算符3&#xff0c;逻辑运算…...

运输层---概述

目录 运输层主要内容一.概述和传输层服务1.1 概述1.2 传输服务和协议1.3 传输层 vs. 网络层1.4 Internet传输层协议 二. 多路复用与多路分解&#xff08;解复用&#xff09;2.1 概述2.2 无连接与面向连接的多路分解&#xff08;解复用&#xff09;2.3面向连接的多路复用*2.4 We…...

高速公路巡检无人机,为何成为公路巡检的主流工具

随着无人机技术的不断发展&#xff0c;无人机越来越多地应用于各个领域。其中&#xff0c;在高速公路领域&#xff0c;高速公路巡检无人机已成为公路巡检的得力助手。高速公路巡检无人机之所以能够成为公路巡检中的主流工具&#xff0c;主要是因为其具备以下三大特性。 一、高速…...

仓库管理系统有哪些功能,如何对仓库进行有效管理

阅读本文&#xff0c;您可以了解&#xff1a;1、仓库管理系统有哪些功能&#xff1b;2、如何对仓库进行有效管理。 仓库是制造业的开端&#xff0c;原材料的领料开始。企业的仓库管理是涉及企业生产、企业资金流和企业的经营风险的关键环节。在众多的工业企业、制造型企业、贸…...

Java 比Automic更高效的累加器

1、 java常见的原子类 类 Atomiclnteger、AtomicIntegerArray、AtomicIntegerFieldUpdater、AtomicLongArray、 AtomicLongFieldUpdater、AtomicReference、AtomicReferenceArray 和 AtomicReference- FieldUpdater 常见的原子类使用方法 使用 AtomicReference 来创建一个原…...

antDv table组件滚动截图方法的实现

在开发中经常遇到table内容过多产生滚动的场景&#xff0c;正常情况下不产生滚动进行截图就很好实现&#xff0c;一旦产生滚动就会变得有点棘手。 下面分两种场景阐述解决的方法过程 场景一&#xff1a;右侧不固定列的情况 场景二&#xff1a;右侧固定列的情况 场景一 打开…...

JavaSE【抽象类和接口】(抽象类、接口、实现多个接口、接口的继承)

一、抽象类 在 Java 中&#xff0c;一个类如果被 abstract 修饰称为抽象类&#xff0c;抽象类中被 abstract 修饰的方法称为抽象方法&#xff0c;抽象方法不用 给出具体的实现体。 1.语法 // 抽象类&#xff1a;被 abstract 修饰的类 public abstract class Shape { …...

微信小程序如何跳转H5页面

1、登录微信公众后台&#xff0c;进入【开发->开发管理->业务域名】&#xff0c;点击修改。 2、首先请下载校验文件&#xff0c;并将文件放置在域名根目录下。 我是把文件放在nginx主机的data目录下&#xff0c;然后通过增加nginx.config配置&#xff0c;重启nginx后可…...

C++(20):bit_cast

C++20之前如果想对不同的指针之间做类型转换需要通过reinterpret_cast,对于整数与指针之前的转换也需要通过reinterpret_cast: C++:reinterpret_cast_c++ reparant_cast_风静如云的博客-CSDN博客 但是reinterpret_cast的缺点是不同的编译环境下,无法包装转型的安全一致。 …...

STM32 低功耗-停止模式

STM32 停止模式 文章目录 STM32 停止模式第1章 低功耗模式简介第2章 停止模式简介2.1 进入停止模式2.1 退出停止模式 第3章 停止模式程序部分总结 第1章 低功耗模式简介 在 STM32 的正常工作中&#xff0c;具有四种工作模式&#xff1a;运行、睡眠、停止以及待机模式。 在系统…...

Hutool中 常用的工具类和方法

文章目录 日期时间工具类 DateUtil日期时间对象-DateTime类型转换工具类 Convert字符串工具类 StrUtil数字处理工具类 NumberUtilJavaBean的工具类 BeanUtil集合操作的工具类 CollUtilMap操作工具类 MapUtil数组工具-ArrayUtil唯一ID工具-IdUtilIO工具类-IoUtil加密解密工具类 …...

K8s(健康检查+滚动更新+优雅停机+弹性伸缩+Prometheus监控+配置分离)

前言 快速配置请直接跳转至汇总配置 K8s SpringBoot实现零宕机发布&#xff1a;健康检查滚动更新优雅停机弹性伸缩Prometheus监控配置分离&#xff08;镜像复用&#xff09; 配置 健康检查 健康检查类型&#xff1a;就绪探针&#xff08;readiness&#xff09; 存活探针&am…...

Django学习记录:使用ORM操作MySQL数据库并完成数据的增删改查

Django学习记录&#xff1a;使用ORM操作MySQL数据库并完成数据的增删改查 数据库操作 MySQL数据库pymysql Django开发操作数据库更简单&#xff0c;内部提供了ORM框架。 安装第三方模块 pip install mysqlclientORM可以做的事&#xff1a; 1、创建、修改、删除数据库中的…...

【Swoole微服务适配黄金法则】:基于127个真实项目数据验证的8项兼容性阈值指标(含QPS衰减预警公式)

第一章&#xff1a;Swoole微服务适配黄金法则的提出背景与核心价值随着 PHP 生态在高并发、低延迟场景中的持续演进&#xff0c;传统 FPM 架构在微服务化进程中暴露出连接开销大、进程模型僵化、协程支持缺失等系统性瓶颈。Swoole 作为 PHP 原生高性能网络引擎&#xff0c;凭借…...

[技术突破]AppleRa1n:iOS设备激活验证的高效解决方案

[技术突破]AppleRa1n&#xff1a;iOS设备激活验证的高效解决方案 【免费下载链接】applera1n icloud bypass for ios 15-16 项目地址: https://gitcode.com/gh_mirrors/ap/applera1n AppleRa1n是一款专为iOS 15-16系统和A9-A11芯片设备设计的开源激活验证绕过工具&#…...

[具身智能-306]:Token详解

Token&#xff08;中文定名为“词元”&#xff09;是人工智能时代&#xff0c;特别是大语言模型&#xff08;LLM&#xff09;中最核心的概念之一。它不仅是模型处理信息的最小单位&#xff0c;更是连接算力、数据与商业价值的“通用货币”。为了让你透彻理解 Token&#xff0c;…...

5个进阶技巧:掌握ControlNet-v1-1_fp16_safetensors的图像生成调优

5个进阶技巧&#xff1a;掌握ControlNet-v1-1_fp16_safetensors的图像生成调优 【免费下载链接】ControlNet-v1-1_fp16_safetensors 项目地址: https://ai.gitcode.com/hf_mirrors/comfyanonymous/ControlNet-v1-1_fp16_safetensors ControlNet-v1-1_fp16_safetensors为…...

从PDM到PCM:解码数字音频的底层转换逻辑

1. 为什么需要从PDM转换到PCM&#xff1f; 当你拆开一个智能音箱或者蓝牙耳机&#xff0c;里面那个指甲盖大小的数字麦克风&#xff0c;十有八九输出的是PDM信号。这种用"脉冲密度"表示声音强度的编码方式&#xff0c;就像用摩斯电码记录交响乐——虽然硬件实现简单&…...

OpenClaw低代码实践:Kimi-VL-A3B-Thinking多模态任务可视化编排

OpenClaw低代码实践&#xff1a;Kimi-VL-A3B-Thinking多模态任务可视化编排 1. 为什么需要低代码多模态任务编排 去年我接手了一个数据分析项目&#xff0c;需要每天从几十个网页截图并提取关键信息。最初尝试用Python脚本OpenCV硬编码处理&#xff0c;但每当网页改版就得重写…...

力扣热门100题之二叉树的最近公共祖先

一句话核心思路递归遍历二叉树&#xff1a;如果当前节点是 p 或 q&#xff0c;直接返回它去左子树找&#xff0c;去右子树找如果左右都找到了 → 当前节点就是答案如果只在左边找到 → 答案在左边如果只在右边找到 → 答案在右边完整代码实现&#xff1a;/*** Definition for a…...

Kiro IDE + AIClient-2-API 实现Openclaw或者Claude code使用Claude Opus 4.6模型

前言&#xff1a;在AI辅助编程领域&#xff0c;Claude Opus 4.6 凭借强大的代码理解、生成和调试能力&#xff0c;成为很多开发者的首选模型。但直接使用 Anthropic 官方 API 不仅计费昂贵&#xff0c;额度也容易受限。本文将详细讲解如何通过「Kiro IDE AIClient-2-API Clau…...

静态住宅ISP代理:企业如何选择住宅代理IP?

近期&#xff0c;谷歌与多家安全公司联合打击住宅代理网络&#xff0c;表明了代理资源的质量和合规性对于企业运营的至关重要性。对于企业型用户来说&#xff0c;如何正确选择代理服务构建代理设施&#xff0c;尤其是静态住宅ISP代理&#xff0c;已成为企业成功的关键之一。本文…...

svgpath:突破SVG路径操控瓶颈的底层技术解密

svgpath&#xff1a;突破SVG路径操控瓶颈的底层技术解密 【免费下载链接】svgpath SVG path low level transformations toolkit 项目地址: https://gitcode.com/gh_mirrors/sv/svgpath 开篇&#xff1a;当动画遇到坐标迷宫 在开发交互式SVG图表时&#xff0c;你是否曾…...