vue-cli更新至5.x初体验


前序


早上刚到公司,打开浏览器准备开始学(摸)习(鱼),看到GitHub来了个通知,vue-cli已经升级至5.0.1的版本了,好奇的点进去看了下
在这里插入图片描述
官方文档说底层已经使用上webpack5了,看样子还不错(但我还是喜欢vite~~);node-sass也弃用了
更多重大变更请查看官方文档的说明:vue-cli5重大变更说明
在这里插入图片描述
在这里插入图片描述


升级至最新版


这还等什么,赶快去体验一下吧

  1. 首先打开终端执行npm uninstall @vue/cli -g卸载掉4.x的版本(mac版本的需要加上sudo)
  2. 接着执行npm install -g @vue/cli@latest直接给他干到最新版(mac版本的需要加上sudo)
    这时候看到vue-cli已经是最新版的了
    在这里插入图片描述

创建项目


接着在终端使用vue create来创建一个项目,然后奇葩的东西就来了,what the fuck!!!
在这里插入图片描述
吓得我赶紧去百度翻译一下,说.vuerc这个东西已经过时了
在这里插入图片描述

找到安装位置,一看还真有一个,把他删除掉就行了
路径:C:\Users\Admin
在这里插入图片描述
然后再来重新执行下创建命令,看到就成功了
第一次的时候他会问你是否选择下面网址的这个镜像,反正我选了no
在这里插入图片描述

拖到vscode里面,貌似就多了个jsconfig.json,其他的和之前没什么变化
在这里插入图片描述
在这里插入图片描述
终端输入npm run serve,到浏览器看看效果
在这里插入图片描述
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值