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

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

就比如今天我收到了如下一个文件夹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天的学习中详细说明

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

猜你喜欢

转载自blog.csdn.net/m0_57069925/article/details/126016689