如何打开一个现有的VUE项目

最近为了研究,下载了一个VUE项目,但是一直打不开。经过研究(一番折腾),现把经验记录一下:

1.从网上下载一个VUE项目

2.删除“node_modules”文件夹

3.删除package-lock.json

4.打开cmd,cd到项目目录

5.运行npm install,重新安装依赖。(这里可能会出现问题,见后面问题1)注意:可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

6.运行npm run build 打包。

7.最后运行npm run dev后项目成功运行。(这里可能会出现问题,见后面问题2)

8.然后出现一个dev的问题,好像是版本问题

不管,直接用npm run serve

终于把项目运行起来了

问题处理:

问题1:npm install 安装不成功,提示python2.7,解决:

下载了一个python2.7.18 64bit的安装好,在环境变量里设置好安装路径,例如“C:\Python27”

重启后,用“python -V”测试一下,若返回“Python 2.7.18”就说明装好了,然后继续。

问题2:出现缺node-sass

运行npm install --save-dev node-sass

继续运行npm run dev

显示找不到 node_modules/node-sass/vendor 模块。

跑到那个文件夹下面手动新建一个vender文件夹。(对,是“vender”,不要写错了)

然后运行,npm rebuild node-sass --save-dev

看一下是否有新的内容添加了win32-64-48/binding.node

有的话就说明成功了,然后继续运行npm run dev

  • 8
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 3 在某些方面与 Vue 2 不兼容,因此升级需要进行一些修改。虽然升级可能会有一些挑战,但是Vue 3提供了更好的性能和更好的开发体验,值得升级。 以下是升级Vue 2到Vue 3的一些步骤: 1. 升级Vue CLI版本。Vue CLI 4.x和5.x都支持创建Vue 3项目。 2. 更新VueVue Router。在package.json文件中将VueVue Router的版本更新为最新的Vue 3版本。 3. 替换Vue 2的语法。Vue 3的语法和Vue 2有些不同,例如,v-bind指令被替换为": ",v-on指令被替换为"@ "。还有其他一些变化,需要查看Vue 3文档获得更多信息。 4. 更新组件选项。在Vue 3中,组件选项的名称发生了变化。例如,"template"选项已被替换为"render"选项。还有其他一些变化,需要查看Vue 3文档获得更多信息。 5. 更新响应式数据。Vue 3中的响应式数据使用了新的API。例如,Vue 3使用了"ref"和"reactive"来替换Vue 2中的"data"和"computed"。还有其他一些变化,需要查看Vue 3文档获得更多信息。 6. 更新钩子函数。Vue 3中的一些钩子函数名称发生了变化。例如,"beforeCreate"钩子函数已被替换为"setup"函数。还有其他一些变化,需要查看Vue 3文档获得更多信息。 7. 更新过渡和动画。Vue 3中的过渡和动画使用了新的API。例如,"transition"指令已被替换为"transition"组件。还有其他一些变化,需要查看Vue 3文档获得更多信息。 以上是升级Vue 2到Vue 3的一些步骤。在进行升级之前,建议先备份项目,并进行一些测试,以确保升级不会破坏现有的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值