vue-cli2和vue-cli3的区别

本文详细介绍了Vue CLI 2和Vue CLI 3的区别,包括目录结构变化、项目创建和启动方式的不同。在升级过程中,重点提到了将static目录内容移动到public目录,并覆盖src目录。同时,提供了升级CLI的步骤,包括卸载旧版本,安装指定版本的Vue CLI 3。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 vue-cli2和vue-cli3比较

1.vue-cli3比vue-cli2少了build、config、static目录,多了public目录

 创建项目方式

2.0的安装:vue init webpack projectname

3.0的安装:vue create projectname

启动方式

2.0是通过:npm run dev
启动流程:npm run dev启动过程

3.0是:npm run serve
启动流程:https://blog.youkuaiyun.com/luckybeggar/article/details/103716708

vue-cli2.x项目向3.x迁移

1.只需要把static目录复制到public目录下,老项目的src目录覆盖3.x的src目录(如果修改了配置,可以查看文档,用cli3的方法进行配置)

static文件夹 

vue-cli 3版本没有static文件夹,本地文件应放在哪儿,如何引用_浪里白条那片海的博客-优快云博客_vue没有static文件夹
原来放在static下的文件,现在应该放在public文件夹下

 vue cli2升级到vue cli3

先升级npm的版本:npm install -g npm     参数-g:全局安装
卸载之前的vue cli 2.9.6:npm uninstall vue-cli -g
下载最新的vue cli版本:npm install -g @vue/cli版本号
注意,这个版本号一定要跟,如果不跟,那么就是安装vue-cli 的最新版本。 目前 (2018-08-19) 其最新版本是 3.0.1。
例:npm install -g @vue/cli@3.0.1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值