【Vue】nvm安装教程(解决npm下依赖包版本冲突)

10 篇文章 1 订阅

系列文章

【Vue】vue增加导航标签
本文链接:https://blog.csdn.net/youcheng_ge/article/details/134965353

【Vue】Element开发笔记
本文链接:https://blog.csdn.net/youcheng_ge/article/details/133947977

【Vue】vue,在Windows IIS平台部署
本文链接:https://blog.csdn.net/youcheng_ge/article/details/133859117

【Vue】vue2与WebApi跨域CORS问题
本文链接:https://blog.csdn.net/youcheng_ge/article/details/133808959

【Vue】nvm安装教程(解决npm下依赖包版本冲突)
本文链接:https://blog.csdn.net/youcheng_ge/article/details/132896207

【Vue】vue开发环境搭建教程(详细)
本文链接:https://blog.csdn.net/youcheng_ge/article/details/132689006

【Vue】日期格式化(全局)
本文链接:https://blog.csdn.net/youcheng_ge/article/details/135017332

【Vue】elementUI表格,导出Excel
本文链接:https://blog.csdn.net/youcheng_ge/article/details/135018489



前言

本专栏为【Vue】,主要介绍Vue知识点。对于刚刚进入计算机世界的大学生来说,这里普及一个知识:HTML已经不仅仅只能开发 Web,也可以开发 AndroidiOS ,所以本专栏也会介绍 移动端开发。
我个人将安卓开发,分为两大方向:

①原生开发
使用安卓开发工具包(Android SDK)和Java编程语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性,以及庞大的安卓开发社区资源。但是缺点就是对入门的门槛高,测试繁琐需要适配不同屏幕,对开发人员技术要求高。

②混合开发(加壳方式)
使用Web技术(网页三剑客HTML、CSS和JavaScript)开发App的方式。混合开发具有较高的开发效率和跨平台的优势,由于使用Web技术 界面渲染、不同屏幕适配(使用栅格技术)效果好。但是缺点就是对底层硬件调用库尚不完善,不过在不断完善中,常用的相机、相册、GPS、存储调用是没有问题的。

Vue是前端开发中的一个分支,学习Vue之前不可以速成,得先学会网页三剑客(HTML、CSS和JavaScript),因为Vue中依旧会使用到这些技术,Vue它不够是一种新的编程思想 组件化开发MVVM(数据双向绑定)
在这里插入图片描述

一、技术介绍

本文解决·nodejs·版本冲突,初始化包依赖失败。因有些vue项目使用node.js比较旧,必须使用特定版本才能运行,但我开发项目时,又使用来最新版本的node.js。

安装nvm后,可以在一台电脑安装多个node.js版本,方便随时切换版本。

安装不正确的依赖包,会出现如下的报错信息:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: vue-automation@0.1.0
npm ERR! Found: eslint@7.26.0
npm ERR! node_modules/eslint
npm ERR!   dev eslint@"^7.12.1" from the root project

当我们有了nvm之后,问题就迎刃而解了。

二、安装准备

1. 1 卸载掉nodejs

如果原先安装有nodejs,需要提前卸载掉。
输入以下指令,检查是否安装有node.jsnpm

node -v
npm -v

出现如下信息就是卸载掉了:
在这里插入图片描述

1. 2 下载nvm-setup

文件名:nvm-setup.exe,准备我们的安装包,在互联网上可以下载到。

在这里插入图片描述

三、安装步骤

3.1 欢迎页面

在这里插入图片描述

3.2 选择nvm安装目录

在这里插入图片描述

3.3 选择nodejs安装目录

在这里插入图片描述

3.4 安装程序

在这里插入图片描述

3.5 检验安装

输入以下指令,检查是否安装成功,它的系统环境变量是自动添加的,不用手动操作

nvm -v

在这里插入图片描述

3.6 修改镜像地址

服务器在国外,国内需要翻墙,网络很慢,所以切换国内阿里镜像。
安装目录 D:\Program Files\nvm下,settings.txt打开添加如下:

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

配置文件如下所示:
在这里插入图片描述

3.7 下载nodejs

这里我下载一个最新的,在下载一个老的版本。最新的用于自己创建项目,老版本的用于查看网上下载的代码,学习人家的优秀思想。
nodejs官网:https://nodejs.org/en
在这里插入图片描述
最新版本

nvm install 18.17.1

在这里插入图片描述
老版本

nvm install 10.24.1

在这里插入图片描述

3.8 使用nodejs

在这里插入图片描述

四、NVM指令

nvm install <version>:安装指定版本的 Node.js。
nvm use <version>:切换到指定版本的 Node.js。
nvm ls:列出已安装的所有 Node.js 版本。
nvm alias <name> <version>:给指定版本创建别名。
nvm run <version> <script>:在指定版本下运行脚本。
nvm current:显示当前正在使用的 Node.js 版本。
nvm uninstall <version>:卸载指定版本的 Node.js。

五、异常问题

5.1 切换Node.js出现乱码

1、权限不够,cmd命令以管理员身份运行。
2、nodejs安装目录,不要出现空格,系统环境变量里把nodejs路径改一下吧。
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要使用nvm安装Vue,你可以按照以下步骤进行操作: 1. 首先,你需要确保你的Windows系统已经安装nvm。你可以从GitHub的nvm-windows项目页面下载nvm安装[nvm-setup.zip](https://github.com/coreybutler/nvm-windows/releases) 。下载完后,运行nvm-setup.exe进行安装。 2. 确保已经卸载了之前安装的Node.js,以免与nvm冲突。你可以在控制面板的程序和功能中找到并卸载Node.js。 3. 安装nvm后,打开命令提示符(cmd)并以管理员身份运行。你可以在开始菜单中搜索cmd,然后右键点击选择以管理员身份运行。 4. 输入命令 `nvm list available` 查看可用的Node.js版本。这将列出所有可供安装的Node.js版本。 5. 选择一个你想要安装版本,例如最新的稳定版本,可以使用命令 `nvm install stable` 进行安装。等待安装完成。 6. 安装完成后,你可以使用命令 `nvm use [版本号]` 来切换到已安装的Node.js版本。例如, `nvm use 17.0.0` 来切换到Node.js的17.0.0版本。 7. 最后,你可以使用安装好的Node.js环境来安装Vue。在命令提示符中,输入 `npm install -g @vue/cli` 来全局安装Vue CLI。 这样,你就成功使用nvm安装Vue。你可以在命令提示符中输入 `vue --version` 来验证安装是否成功。现在你可以使用Vue来开发应用程序了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue版本控制器nvm安装使用教程](https://blog.csdn.net/m0_53623945/article/details/125156381)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

花北城

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值