vue-cli官网:https://cli.vuejs.org/zh/guide/browser-compatibility.html
目录:
- vue-cli2和vue-cli3比较
- vue cli2升级到vue cli3
- 在全局vue2的基础上安装vue3(同时存在两个版本)
一.vue-cli2和vue-cli3比较
两个版本的最基本的目录
vue-cli3比vue-cli2少了build、config、static目录,多了public目录
配置文件的话,基本无变化
区别:
-
创建项目方式:
-
2.0的安装:vue init webpack projectname
-
3.0的安装:vue create projectname
-
-
文件夹目录
-
启动方式:至于为什么会变,看一下package.json
-
2.0是通过:npm run dev
启动流程:npm run dev启动过程 -
3.0是:npm run serve
启动流程:https://blog.csdn.net/luckybeggar/article/details/103716708
-
-
vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下,老项目的src目录覆盖3.x的src目录(如果修改了配置,可以查看文档,用cli3的方法进行配置)
-
vue-cli 3版本没有static文件夹,本地文件应放在哪儿,如何引用https://blog.csdn.net/weixin_37806077/article/details/102514115
原来放在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/[email protected]
三. 在全局vue2的基础上安装vue3(同时存在两个版本)
1.https://blog.csdn.net/Jioho_chen/article/details/90455778
2.https://blog.csdn.net/weixin_44599809/article/details/103882772
局部安装:
验证是否成功:
创建项目: