首页 > 其他分享 >vue2.0和vue3.0同时使用

vue2.0和vue3.0同时使用

时间:2024-06-04 11:15:57浏览次数:14  
标签:node nodejs 卸载 js vue3.0 使用 nvm 安装 vue2.0

背景:原先电脑上安装了vue2.0和node 14.17.6版本,后面新项目使用的是vue3.0和node 16.6.1。通过nvm 安装node 16.6.1的时候,不小心把原来的2.0环境给搞坏了。

目的:本文将通过文字描述(都是cmd命令,截图感觉没啥意义)的方式,讲述卸载和安装多版本node的vue环境

前言:步骤中所有的命令都通过cmd(以管理员身份启动)执行

一、先卸载原来的版本

1、通过控制面板,卸载nodejs。(如果原来有安装,使用 node -v 检查)

2、通过 nvm list 检查安装的node版本。如果有,使用 nvm uninstall 版本号来卸载指定版本。要把所有的都卸载完

3、通过 nvm 安装目录下的卸载程序文件卸载 nvm

4、删除原来配置的所有相关目录,包括 node_cache,node_global,node_modules 等

5、检查 c:/users/administartor/.npmrc 文件,如果有,确保配置正确。如果没有,则忽略这一步。我这边的配置如下

 cache=E:\node.js\nodejs\node_cache
 prefix=E:\node.js\nodejs\node_global
 python=E:\node.js\python-install\python.exe
 registry=https://registry.npmmirror.com

前面5点很重要,其中一点不对,都有可能导致后面的错误

二、安装 nvm 

1、配置环境变量

  在用户变量那边配置下面这三个路径

       变量:NODE_PATH,值:E:\node.js\nodejs\node_modules     这个是node库路径

       变量:NVM_HOME,值:E:\node.js\nvm-install        这个是nvm安装路径

       变量:NVM_SYMLINK,值:E:\node.js\nodejs       这个是node安装路径

 在系统变量那边配置

       变量:NVM_HOME,值:E:\node.js\nvm-install        这个是nvm安装路径

       变量:NVM_SYMLINK,值:E:\node.js\nodejs       这个是node安装路径

  然后在 Path 中把变量名加上去

2、双击nvm安装文件,进行安装,指定安装位置 (E:\node.js\nvm-install) 和nodejs的位置 (E:\node.js\nodejs),这个路径上下文要统一

 安装完成后,要重新打开 cmd 命令,因为直接使用 nvm 会提示不存在

3、使用 nvm install 版本号 命令,安装对应nodejs版本,我这边使用的是 14.17.6 和 16.6.1。安装过程需要一点时间

4、使用 nvm use 版本号指定使用的node版本。这步过程很重要,不然下面的命令会提示找不到

5、npm config set registry https://registry.npmmirror.com   使用这个命令安装镜像源

6、此时使用vue命令会提示找不到此命令,使用 npm install -g @vue/cli 命令安装vue命令

7、这一步很重要:在系统变量的 Path 中配置环境变量 E:\node.js\nodejs\node_global,不然会提示找不到node命令

8、现在可以使用 vue create 来创建项目,会提示选择使用vue2.0还是vue3.0,可以使用↑↓来选择

标签:node,nodejs,卸载,js,vue3.0,使用,nvm,安装,vue2.0
From: https://www.cnblogs.com/yenengfeng/p/18229703

相关文章

  • dumpbin工具的使用
    dumpbin工具的使用 当我们需要查看一个dll或exe文件中的包含的函数或是依赖的函数之类的信息,可以使用VisualStudio自带的工具dumpbin来实现,使用方法为:1/启动VisualStudio命令行工具;2/查看导出函数,执行dumpbin/exports(dll或者exe文件路径)3/查看依赖性,执......
  • JavaFX 常见布局组件的使用
    Laytout简介JavaFX提供了多种布局管理器(LayoutManagers),它们用于自动管理用户界面组件的位置和大小。布局管理器可以简化UI设计,因为它们会根据窗口的大小变化自动调整其中的组件。布局组件JavaFX包含以下布局组件:布局名称中文说明AnchorPane锚点布局允许开发......
  • 《计算机网络微课堂》实验23 VLAN间通信的实现方法:使用三层交换机
    本仿真实验的目的在于验证VLAN间的通信可以使用三层交换机来实现。我已经在仿真软件中构建好了我们理论课中所使用的网络拓扑,并在各主机的旁边都标注好了所需配置的IP地址和地址掩码。​​‍博主注:在视频里使用到了三层交换机,但不知道是哪一种型号的,看到类似的有356024PS......
  • MySql 使用 NOT IN 返回值包含null值,返回数据不全
      mysqlnotin()找不到nullstatusnin('100','200','300','500')换成statusin('400')isnottrue      来源:https://blog.csdn.net/qq_35387940/article/details/127959272?spm=1001.2101.3001.6650.17&......
  • 使用ollama部署本地大模型
    安装docker与docker-compose安装ollama与anythingllmdocker-compose.ymlversion:"3"services:ollama:image:ollama/ollamacontainer_name:ollamavolumes:-.ollama:/root/.ollamaports:-11434:11434anythingllm:i......
  • Django + Vue 使用Nginx + uWsgi部署
    1.settings.py配置STATIC_ROOT=os.path.join(BASE_DIR,'static/dist')#导入前后端静态资源后更改即可DEBUG=True#为True不容易暴露项目信息,当然也不显示BUG信息ALLOWED_HOSTS=['*']STATIC_URL='/static/' 2.django端打包静态资源#会在static下生成[root@dsc1m......
  • 【WAF】雷池动态防护使用体验
    【WAF】雷池安装及使用体验前言在数字化时代,网络安全已成为维护国家安全、经济利益以及个人隐私的重要防线。随着网络攻击技术的不断进步和攻击手段的多样化,传统的静态防御机制已难以应对复杂多变的安全威胁。因此,动态防护的重要性日益凸显,它能够提供更为灵活和主动的安全防护手......
  • 初学者使用1Panel面板快速搭建WordPress网站
    之前介绍了宝塔面板以及如何搭建wordpress网站,这篇文章我们来学习如何使用1Panel面板搭建wordpress网站。一、1Panel面板介绍1.介绍1Panel是一个现代化、开源的基于Docker的Linux服务器运维管理面板。1Panel的功能和优势包括:快速建站:深度集成WordPress和 Halo,域名绑......
  • Linux下使用mysql
    安装源码安装和yum安装。可以看教程:菜鸟教程:mysql安装使用日常操作命令启停服务1.查看进程状态ps-ef|grepmysql2.mysql服务启停sudosystemctlstartmysql#启动sudosystemctlstopmysql#关闭sudosystemctlrestartmysql#重启sudosystemctlstatusmysql......
  • 异构数据源同步之数据同步 → DataX 使用细节
    开心一刻中午我妈微信给我消息妈:儿子啊,妈电话欠费了,能帮妈充个话费吗我:妈,我知道了,我帮你充当我帮我妈把话费充好,正准备回微信的时候,我妈微信给我发消息了妈:等会儿子,不用充了,刚刚有个二臂帮妈充上了我输入框中的(妈,充好了)是发还是不发?简单使用关于DataX,大家可以去看官网......