通过git拉取前端项目

目录

git拉取前端项目

更新前端代码


git拉取前端项目

首先,打开vs code,新建一个终端()

在终端中cd到存放文件夹下面,然后git clone + 你的前端项目地址就可以将项目拉取下来;

当然,你也可以直接用git拉取项目,如下图所示:

找到你要存放前端文件的文件夹,在空白处右击,选择Git Bash Here,

在打开的页面中,输入git clone + 你前端代码的地址,然后回车

回车后,就会在你当前目录下下载前端文件,你用VS code打开即可;

更新前端代码

启动前端项目的指令,打开VS Code,找到终端,输入以下命令:

复制代码
npm install
npm run build
npm run dev

如果要更新你本地的代码,即将云效仓库上的最新代码同步到本地,终端上执行以下指令:

需要先安装vite,如果你本地电脑没有的话,先执行:

复制代码
npm install vite -g create-vite

更新前一般都需要提交本地缓存,不然git会提示有冲突需解决,我们可以暂存缓存,更新后再恢复:

复制代码
# 暂存本地修改
git stash

# 将主分支的最新代码拉取到当前分支
git pull

# 合并完成后,恢复暂存的修改
git stash pop

如果走的是上面的暂存缓存,下面指令可以不用走,因为已经走过这条指令:

复制代码
git pull

最后,重新启动项目:

复制代码
npm run dev

运行正常,一般会直接跳转到浏览器打开前端页面,表示运行无误。

相关推荐
PineappleCoder2 小时前
性能数据别再瞎轮询了!PerformanceObserver 异步捕获 LCP/CLS,不卡主线程
前端·性能优化
PineappleCoder2 小时前
告别字体闪烁 / 首屏卡顿!preload 让关键资源 “高优先级” 提前到
前端·性能优化
45288655上山打老虎2 小时前
C++完美转发
java·jvm·c++
Seven972 小时前
查找算法
java
m0_471199633 小时前
【vue】通俗详解package-lock文件的作用
前端·javascript·vue.js
newobut3 小时前
vscode远程调试python程序,基于debugpy库
vscode·python·调试·debugpy
GIS之路3 小时前
GDAL 读取KML数据
前端
今天不要写bug3 小时前
vue项目基于vue-cropper实现图片裁剪与图片压缩
前端·javascript·vue.js·typescript
毕设源码-朱学姐3 小时前
【开题答辩全过程】以 公务员考试在线测试系统为例,包含答辩的问题和答案
java