vue3.0构建 解决cli一直无法卸载问题

近期在学习vue3.0 项目,想自己练习一下,在这个过程中遇到的问题:

正常情况下:

全局卸载 cli 脚手架,更新为最新版本:(vue3.0 项目需要 cli 在 4.5 版本以上)

npm uninstall vue-cli -g   
npm install @vue/cli -g

创建项目:vue create 项目名称

如果电脑上安装了vue的情况下在安装nvm,卸载cli过程时会出现 cli 不能卸载的问题,即使卸载完还是会出现旧版本
原因:mac电脑上安装了 nvm 进行 node 版本管理,安装路径会有变更—可查看描述原因
简单办法解决:

删除 ~/.nvm 文件

编辑:
终端输入 vi ~/.bash_profile ---> 编辑 bash_profile 文件,删除 nvm 相关信息
(使用英文状态输入 i,进入编辑状态可进行删除,使用 :wq! 保存并退出操作文件)

运行:source ~/.bash_profile 保存并生效环境变量

查看某网站的 IP:
方式一:打开网站https://www.ipaddress.com/,然后查询一下 raw.githubusercontent.com 对应的 IP 地址
方式二:ping raw.githubusercontent.com  

得到IP后,写入到host文件中
151.101.108.133 raw.githubusercontent.com
151.101.108.133 user-images.githubusercontent.com
151.101.108.133 avatars2.githubusercontent.com
151.101.108.133 avatars1.githubusercontent.com

以上为简单步骤,但我在实行过程中,不小心把node,brew等都删除了,所以基本要从新来一遍,以下为详细步骤:

//安装 brew
//使用国内源: 
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
//中间需要输入开机密码,上面命令会自动在.bash_profile 文件中加入环境变量相关信息

//安装成功后查看版本号
brew -v 
//安装 nvm 控制 node 版本
brew install nvm 
//根据终端所报的提示,手动在.bash_profile 文件中加入环境变量

//终端提示:要将以下代码写入到.bash_profile配置文件中
//Add the following to /Users/xxx 用户名/.bash_profile or your desired shell
//configuration file:
export NVM_DIR="$HOME/.nvm"
[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm
[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion
补充操作.bash_profile文件知识:
一般在 Mac 上配置环境变量时经常要创建、编辑 .bash_profile 文件。
创建该文件时一般都会选择在当前用户目录下,即 Mac 下的.bash_profile 文件的路径是 /Users/YourMacUserName/.bash_profile (如果该文件已经创建过的话)

1-创建.bash_profile
(1)启动终端
(2)进入当前用户的 home 目录(默认就是): cd ~ 或 cd /Users/YourMacUserName  
(3)输入 touch .bash_profile
2-已存在.bash_profile文件后进行查看编辑
(1)终端输入 open -e .bash_profile (如果只是查看,直接使用 open .bash_profile)
    或者 输入 sudo vim .bash_profile 进行编辑 ---> control + c 停止编辑 ---> :wq! 退出并保存
(2)编辑
(3)关闭即可保存修改
3-更新,执行生效环境变量
输入 source .bash_profile

将终端提示的代码写入到.bash_profile文件步骤:

1.终端输入命令:open -e .bash_profile 
2.输入终端提示内容 
export NVM_DIR="$HOME/.nvm"
[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm
[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion
3.关闭窗口即为保存

新打开终端窗口或执行source .bash_profile进行更新环境变量

查看版本号:nvm -v
安装 node
nvm install v8
nvm install v12
nvm ls 查看版本号
nvm use v8 使用 v8 版本
nvm alisa default v12 将 v12 版本设置为默认版本

安装 vue-cli
npm install -g @vue/cli,此时安装的为最新版

如有问题可以下方留言,探讨学习~

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值