安装V-cli3继续使用vue2

文章介绍了如何从VueCLI2升级到VueCLI3的过程,包括先卸载旧版本的VueCLI,再安装新版本。通过`vuecreate`命令创建项目,选择合适的配置,然后用`npmrundev`启动项目。这提供了更好的开发体验和新的项目结构。
摘要由CSDN通过智能技术生成

一、问题

Vue-cli 3 结构变了很多,更优雅,开发体验更好。

当你输入vue create project时可能会提示 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6

在这里插入图片描述
这段的意思是要先卸载vue cli2,然后重新安装vue cli 3
如果坚持使用vue2的话,使用vue init webpack project
得到的项目目录如图所示,运行项目命令npm run dev
vue2项目结构目录

二、 更新

先卸载旧版本vue2

npm uninstall -g vue-cli

再重装新版本vue3

npm install -g @vue/cli

装完了如图:
在这里插入图片描述
输入vue -V,看下版本
在这里插入图片描述

三、使用

1、输入vue create 项目名称

vue create test-component

2、选个2.x,适合自己的
在这里插入图片描述
在这里插入图片描述
运行即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值