vue学习的第十天——他人项目的导入

本文介绍了如何接收并运行搭档提供的前端和后端代码,包括安装前端的node_modules依赖,处理node.js版本与依赖库匹配问题,以及运行前端(npm run serve)和后端(npm start)的步骤。此外,还提到了后端运行可能遇到的热渲染问题及解决方案。最后,预告了数据库导入将在后续内容中详述。
摘要由CSDN通过智能技术生成

前言:在正常的编程中不可能全部页面都要自己来写,我们通常会与他人有前后端合作,比如我写前端,你来写后端,但是此时你的搭档发了一个前端或后端给你,你要怎么去运行呢,有什么注意的地方呢?

就比如今天我收到了如下一个文件夹vue_element里面有admin前端文件夹,api后端文件夹

 

一.前端页面的导入

1.一般你的搭档把前端页面发给你时,都会把node_modules给删掉,因为这里面的文件非常的大,要是缺乏这个文件夹就会缺乏依赖导致项目运行不了 (下面有是因为我已经安装回来了),为什么可以安装回来?是因为在package.json里面会说明着需要什么依赖与依赖的版本。我们只需要竟进入文件的cmd输入:npm install(npm i是简写)就会自动安装。

 2.在安装时可能碰到的问题

        最可能碰到的问题是node.js版本不同所以不能成功安装依赖,我们先查看一下自己的node.js的版本,如我的版本是16.14.2。

         然后我们需要用编译器去修改一个搭档给出来的文件,比如我都node.js版本是16,那node-sass版本就必须对应着6,sass-loader就必须对应着10(若你的node.js版本对应的是14或者其他,可以自己上网看看对应的node-sass版本和sass-loader版本)

此时前端页面就可以正常的运行了

二.后端的导入

 1.后端的也需要先把依赖给安装上去同样是npm i 进行安装再运行项目,但是后端的运行有区别于前端

npm run serve //前端项目运行
npm start  //后端项目运行

2.后端运行可能出现的错误

没有安装热渲染

npm i nodemon -S   //安装代码

 三.数据库的导入

放到第11天的学习中详细说明

 

四.总结:当我们把前端后端都运行后就可以在前端去使用了

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

仓鼠科技城

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值