vue-cli版本的问题(慕灰灰老师请进)

vue-cli版本的问题(慕灰灰老师请进)

假如A电脑装的是vue-cli3,B电脑装的是vue-cli4,我在A电脑上新建了一个基于vue-cli3的项目,迁移到B电脑后,能不能继续让它基于vue-cli3运行?


因为我两台电脑上的vue-cli版本是不同的,最近在迁移项目的时候经常会出现问题,不知道是不是跟这个有关?

正在回答

登陆购买课程后可参与讨论,去登陆

5回答

同学你好,通常所说的迁移项目是指改变vue-cli的版本,让vue-cli的版本升级,而同学的意思是指移动项目,所以没必要做那么复杂的操作。只要保证自己的电脑下安装了vue,然后把项目整体打包复制过来就行,一般都可以正常运行。如果不行,再安装指定版本的vue-cli就行了。

祝学习愉快!

好帮手慕久久 2021-02-06 19:02:19

同学你好,解答如下:

你可以看下公司电脑的vue-cli的版本是多少:

http://img1.sycdn.imooc.com//climg/601e7622095a443d03930071.jpg

(截图中的版本以2开头,说明是2版本 )

然后对应安装相同版本的vue-cli就行了,如下:

npm install -g vue-cli@2.x.x  (对应安装2版本的vue-cli)

npm install -g @vue/cli@版本号(如果是3版本或者更高的版本,需要使用该指令

另外,不是说版本不同一定就一定会报错,大多时候是不会报错的。如果报错了,换vue-cli的版本就行了,没必要非得迁移项目。

祝学习愉快!

  • 提问者 人生的起源 #1
    老师说的迁移项目跟我说的不知道是不是同一个,我说的迁移项目是指从公司把项目拷贝回家,这样算迁移项目吗?
    2021-02-06 19:08:29
好帮手慕久久 2021-02-06 18:29:26

同学你好,解答如下:

迁移项目本身的风险就很大,即使是资深程序员,迁移的过程中,也可能会遇到各种问题,所以通常情况下,不建议迁移项目。建议同学在熟悉vue之后再考虑迁移问题,因为你需要很了解vue项目的启动过程、文件、组件之间的关系后,才能做好迁移工作。

另外,老师给你推荐的课程中,讲解了如何迁移,同学在有了一定的基础后,可以学习一下该视频,亲自实践一下,毕竟别人说和自己做是有差别的。
祝学习愉快!

  • 提问者 人生的起源 #1
    但是有时公司的项目做不完需要带回来做呀,拷贝回来的时候,家里和公司安装的vue版本不同,是不是就容易出问题了
    2021-02-06 18:50:48
好帮手慕久久 2021-02-06 11:03:57

同学你好,解答如下:

迁移的时候,不能直接把src目录复制过去。因为升级后的代码,main.js中的语法会有一点点区别(其他文件可能也有区别),直接复制src目录会导致项目启动不了。推荐的做法是一个一个文件对应复制,可参考如下例子:

建议从main.js入手迁移项目。先将main.js中的文件复制过来:可以对比两个项目中的main.js中的区别,把旧版本main.js中我们写的那部分代码复制到新版本main.js中,例如:

http://img1.sycdn.imooc.com//climg/601e053309846e4f05390383.jpg

将import './config/rem'这句代码迁移过去后,由于新项目中没有'./config/rem'这个文件,因此需要对应把旧项目中的config文件夹,复制到新项目中,这样就完成了对config文件夹的迁移。

然后处理路由文件,把我们写的路由,迁移到新项目的路由中;再将路由对应的组件等内容复制到新项目中。

主体思路就是将我们写的那部分代码,都复制到新项目中;将新项目初始化出来的代码,对应改成我们需要的代码。

这个过程需要实操,三言两语很难说清楚,老师也只能给同学这样简单说一下。如果同学想要学习一下,可以考虑一下这个课程:https://coding.imooc.com/class/chapter/203.html#Anchor

祝学习愉快!

  • 提问者 人生的起源 #1
    有点复杂啊,感觉没有一定基础还驾驭不了,以我们现在的知识储备,是不是最好不要升级项目
    2021-02-06 18:21:07
好帮手慕星星 2021-02-05 12:16:25

同学你好,问题解答如下:
1、还是要看电脑环境,一般是可以在vue-cli4的环境中运行vue-cli3项目的。如果报错的话,还是需要把vue-cli3项目升级到vue-cli4。升级方式就是创建一个新的vue-cli4项目,然后把老项目的代码迁移到新项目中。
2、是的,版本不同,会出现一些问题的。在迁移的过程中,出现问题看看报错是什么,针对报错进行修改即可。
祝学习愉快~

  • 提问者 人生的起源 #1

    ​升级方式就是创建一个新的vue-cli4项目,然后把老项目的代码迁移到新项目中


    怎么把老项目的代码迁移到新项目中?只拷贝src目录吗,还是什么?

    2021-02-05 13:12:53
  • 好帮手慕星星 回复 提问者 人生的起源 #2

    可以将src目录和package.json文件都拷贝过去,然后安装插件后再启动。

    2021-02-05 15:58:13
  • 提问者 人生的起源 回复 好帮手慕星星 #3
    安装插件后再启动,是安装什么插件?运行npm install吗,还是什么?
    2021-02-05 23:37:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师