背景:原先电脑上安装了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,可以使用↑↓来选择
1.本站内容仅供参考,不作为任何法律依据。用户在使用本站内容时,应自行判断其真实性、准确性和完整性,并承担相应风险。
2.本站部分内容来源于互联网,仅用于交流学习研究知识,若侵犯了您的合法权益,请及时邮件或站内私信与本站联系,我们将尽快予以处理。
3.本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”您需知晓本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24个小时之内从您的电脑中彻底删除上述内容,否则后果均由用户承担责任;如果您访问和下载此文件,表示您同意只将此文件用于参考、学习而非其他用途,否则一切后果请您自行承担,如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
5.本站是非经营性个人站点,所有软件信息均来自网络,所有资源仅供学习参考研究目的,并不贩卖软件,不存在任何商业目的及用途
暂无评论内容