VUE学习:十三.代码管理

sadwind2024-02-29笔记290

前言

前端开发中对代码的处理:代码的存储、代码的管控、代码的提交与合并

#1.代码仓库

以gitlab 为例

  • 配置 ssh

  • 权限

#2.代码管理

  • 简单项目分支

    • dev:开发分支,直接在 dev 上进行开发,测试环境没问题,合并到 prod

    • prod:生产分支

  • 复杂项目分支

    • dev:开发分支,需求开发时使用自己名称创建各自开发分支【name】dev

    • 【name】dev:开发者的开发分支,需求开发完成合并到 dev

    • prod:生产分支

#3.代码提交

这里直接使用GitLens插件来管理代码的提交:dev开发分支,master主分支,现在dev开发完成,需要合并到master

  • 1.在 vscode 中安装代码提交工具GitLens插件

  • 2.重启 vscode 就可以使用GitLens管理代码

参考教程(opens new window)

#3.1 代码提交

普通提交

  • 1.为防止直接提交有冲突产生,可以先将1.本地代码储藏,然后2.拉取代码,然后3.弹出储藏将暂存的代码合并,有冲突解决冲突后再提交

多分支提交:同一个 bug 需要提交不同的分支维护,但是每个分支代码不一定相同,代码量如果比较多,容易出现问题

  • 1.修改好一个分支代码提交后,1.拷贝相同的文件在目录中2.储藏,然后3.切换目标分支4.弹出储藏,对比两个文件,修改相关内容,删除之前拷贝的文件

#3.2 创建分支

#3.3 切换分支

git checkout dev
1

#3.4 分支合并

  • 1.将 master 代码更新

    git pull origin master
    1
  • 2.将 master 合并到 dev

    git checkout devgit merge master
    1
    2
  • 3.将 dev 合并到 master

    git commit -m '代码提交' # (有冲突解决冲突)git push -u devgit checkout mastergit merge dev
    1
    2
    3
    4

#3.5 临时存藏

  • 有些功能代码暂时不确定是否要合并到代码中、自己的一些测试代码、写了一半功能的代码、此版本不需要提交的代码

#3.6 代码比较

#3.7 代码回退

需求变动频繁经常会用到的一个场景

  • 方式一:反向提交

    • 情况 1:当代码已经 commit 但没有 push 时,可使用如下命令操作(仓库没有提交记录

      git revert HEAD //撤销倒数第一次提交git revert HEAD^ //撤销倒数第二次提交git revert HEAD~2 //撤销倒数第三次提交git revert commit //(比如:fa042ce57ebbe5bb9c8db709f719cec2c58ee7ff)撤销指定的版本,撤销也会作为一次提交进
      1
      2
      3
      4
    • 情况 2:当代码已经 commit 并 push 时,可使用如下命令(仓库有提交记录

      git revert HEAD~1 //代码回退到前一个版本
      1
  • 方式二:删除提交

    • 情况 1:如果我们的有两次 commit 但是没有 push 代码(仓库没有提交记录

      git reset HEAD~1      //撤销前一次 commit,所有代码回到 Working Copy
      1
    • 情况 2:假如我们有几次代码修改,并且都已经 push 到了版本库中(仓库没有提交记录

      git reset --hard HEAD~2   //本地的Wroking Copy回退到2个版本之前
      1

总结

git 相关使用在项目中还是比较重要的,熟练掌握代码的提交、回退、分支切换能轻松应对复杂的频繁的需求开发


relate content

VUE学习:五.UI 框架

前言如果你想快速开发一款应用,并且不想过多的操心页面 UI 的内容,比如你不想去实现一个下拉 UI 组件或设计一个 icon 图标,那么我们可以使用现有的别人做...

根据id值,自动生成编号、编码等

某项目在新增数据时,需要一个编码如:XXXX0001 格式。设想每次添加时,根据id的最大值加1,然后拼接成此形式的字符。当时这方法不是太好,只是一个思路,因为如果多人同时添加,会造成该字段重复。一,...

初学COCOS 做一个人物行走动画

看了几天教程,今日尝试做了一个人物行走动画,点击人物时,切换为跑步,再点击时切换为行走。原理:即为一个节点挂一个动画组件,将事先准备好的素材导入,用动画组件做一个人物行走和跑步的序列帧动画,同时将准备...

VUE学习:十四.项目部署

VUE学习:十四.项目部署

前言前端开发也需要懂一些基本部署知识,确认已发布,测试是否成功发布本次项目代码打包项目代码得到前端项目的包文件目录,一般是dist文件目录npm run build1#1.ngin...

【编程达人】火哥Windows内核课程(上+下)

【编程达人】火哥Windows内核课程(上+下)

描述:本套课程来自编程达人:课程官方售价上下(5499+5499)元,由编程达人一线老师主讲,主要讲解windows的保护模式,系统调试,异常发现及处理等等。本课程包含内核上下两部分,内核课程上11节...

php转换中文简繁体

数据库中数据都是简体中文,而港台海外用户一般都用繁体,所以都搜不到内容。正在想法实现网站用户搜索,将用户搜入的繁体转换成简体,从而得到想要的结果。通过opencc4php 扩展实现简繁体转化 ,ope...

Post Reply    

◎Welcome to participate in the discussion.