通过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

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

相关推荐
她的男孩几秒前
JAR 全对仍 checksum mismatch:Forge Admin 把 Flyway 从 filesystem 改成 classpath
java·数据库·spring boot
鬼手点金2 分钟前
如何选择模型
java·前端·人工智能·git·深度学习
恋猫de小郭3 分钟前
Dart 3.15 新特性:this 终于支持类型提升了
android·前端·flutter
余槐i4 分钟前
Claude Code Skills 放对目录却不生效:插件启用顺序与缓存的三个坑
git·开发工具·ai agent·mcp·claude code
古法老登瞎折腾8 分钟前
大数据智能运维实战(三):实现第一个运维 MCP 工具——查询节点与组件状态
java·大数据·运维·人工智能·spring ai·mcp
小蒜学长10 分钟前
基于数据挖掘的京东商城商品推荐系统设计与实现(代码+数据库+LW)
java·数据库·spring boot·后端·推荐系统·个性化推荐
IT_陈寒18 分钟前
Vue开发实战:从入门到精通
前端·人工智能·后端
IT研究室23 分钟前
最新计算机毕业设计选题推荐-基于spring boot的医院体检管理系统-网站-文档指导-Java-springboot
java·spring boot·课程设计
有同事要进步28 分钟前
Leecode第68题:x的平方根
java·数据结构·算法
摇滚侠31 分钟前
使用 VSCode 开发 Java 经验分享
java·经验分享·vscode