vue-cli更新至5.x初体验
前序早上刚到公司,打开浏览器准备开始学(摸)习(鱼),看到GitHub来了个通知,vue-cli已经升级至5.0.1的版本了,好奇的点进去看了下官方文档说底层已经使用上webpack5了,看样子还不错(但我还是喜欢vite~~);node-sass也弃用了更多重大变更请查看官方文档的说明:vue-cli5重大变更说明升级至最新版这还等什么,赶快去体验一下吧首先打开终端执行npm uninstall
·
前序
早上刚到公司,打开浏览器准备开始学(摸)习(鱼),看到GitHub来了个通知,vue-cli已经升级至5.0.1的版本了,好奇的点进去看了下
官方文档说底层已经使用上webpack5了,看样子还不错(但我还是喜欢vite~~);node-sass也弃用了
更多重大变更请查看官方文档的说明:vue-cli5重大变更说明
升级至最新版
这还等什么,赶快去体验一下吧
- 首先打开终端执行
npm uninstall @vue/cli -g
卸载掉4.x的版本(mac版本的需要加上sudo) - 接着执行
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
,到浏览器看看效果
更多推荐
已为社区贡献16条内容
所有评论(0)