前序


早上刚到公司,打开浏览器准备开始学(摸)习(鱼),看到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,到浏览器看看效果
在这里插入图片描述
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐