vue-cli2和vue-cli3的区别

智江鹏

已于 2022-04-26 17:31:33 修改

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue开发文章标签： vue

于 2022-04-26 17:31:08 首次发布

本文链接：https://blog.youkuaiyun.com/zxc472504515/article/details/124432848

Vue开发专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了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