惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hacker News: Front Page
P
Palo Alto Networks Blog
T
ThreatConnect
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
T
True Tiger Recordings
P
Privacy & Cybersecurity Law Blog
B
Blog
IT之家
IT之家
Last Week in AI
Last Week in AI
F
Full Disclosure
Hacker News: Ask HN
Hacker News: Ask HN
C
Comments on: Blog
Microsoft Azure Blog
Microsoft Azure Blog
C
Cybersecurity and Infrastructure Security Agency CISA
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
N
News and Events Feed by Topic
NISL@THU
NISL@THU
腾讯CDC
雷峰网
雷峰网
Security Latest
Security Latest
李成银的技术随笔
M
Microsoft Research Blog - Microsoft Research
L
LangChain Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
博客园 - Franky
N
News | PayPal Newsroom
V
V2EX
A
About on SuperTechFans
The Register - Security
The Register - Security
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google Online Security Blog
Google Online Security Blog
MyScale Blog
MyScale Blog
Cisco Talos Blog
Cisco Talos Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
The Hacker News
The Hacker News
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
爱范儿
爱范儿
A
Arctic Wolf
L
LINUX DO - 最新话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - 倾听-静轩水月

Mysql优化笔记 Arthas使用 零基础尝试mybatis-plus读写分离 零基础尝试搭建docker和nacos环境 零基础尝试mysql主从复制 mybatis-plus 批量插入示例 找回windows应用商店 linux 开放端口 小白零基础在 Centos 7 中安装 mysql http转向https 内存不够导致编译报错:Information:java: java.lang.OutOfMemoryError: GC overhead limit exceeded docker常用命令 CentOS7使用命令行安装Oracle11GR2 使用Xshell连接VMware上的Linux虚拟机 mysql免安装版初次使用 微信小程序支付证书及SSL证书使用 SqlServer无备份下误删数据恢复 javaweb学习--javabean javaweb学习--jsp
vue2.0和vue3.0同时使用
倾听-静轩水月 · 2024-06-04 · via 博客园 - 倾听-静轩水月

背景:原先电脑上安装了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,可以使用↑↓来选择