git子模块submodule使用方法

        背景:由于之前写了个Django+vue的前后端分离项目,写完后想上传到github时,发现整个工程上传后,vue的项目并没有上传,只上传了个空文件夹。原因是因为vue项目自带git仓库,上传工程时,git会把vue项目当成一个嵌套仓库,所以提交主仓库时并不会跟着一起提交vue仓库。解决方案:

一.将vue项目变为一个普通目录

  1.删除vue项目中的.git目录,此时vue项目就会被当成主仓库的一个正常目录,而不是一个嵌套仓库。

  2.使用git命令直接删掉关联嵌套仓库

git rm --cached <子项目名称>

二.使用submodule模块

  由于想实现前后端分离,且vue项目自带的.gitignore文件能保证上传后git仓库代码的干净,所以笔者并不想使用方法一将其变为一个普通目录,这样会导致整个vue项目的一些不必要文件也会上传。所以经过不断查找资料,终于发现了另外一种方法,能既保留vue项目的git仓库又能使其上传到主仓库中,那就是使用submodule将vue项目当成主仓库的一个子模块,关联到主仓库。下面就说说具体使用方法

  1.在主仓库中关联子仓库

在主项目目录下输入:
git submodule add <子项目的远程项目地址> <本地子项目名称>

例:git submodule add [email protected]:xxxx/v_pressure.git v_pressure
提示:输入上面命令后,此时项目中就会多出这个v_pressure文件,隶属于这个[email protected]:xxx/v_pressure.git仓库,是独立于主项目存在的。然后主项目中也会多一个.gitmodules文件,对应的是v_pressure仓库的信息。
由于笔者的v_pressure本身就在本地的,所以并不会再出现一个v_pressure文件,并且也没有自动生成.gitmodules文件,所以需要自己手动在主项目下创建一个,并且在里面关联上子项目的路径,下面会有介绍。

git子模块submodule使用方法_第1张图片

  2.检查.gitmodules文件,如果没有则需在主项目目录下手动创建

.gitmodules文件内容:
   [submodule "<子项目目录名称>"]   
    path = <子项目目录名称>
    url = <子项目远程仓库地址>

  3.初始化子项目

git submodule init

  4.对子项目获取远程项目中最新的状态

git submodule update 
提示:这个时候v_pressure中就可以看到远程仓库中最新的代码和更新了。那么这个时候就可以进行正常开发流程了!如果想看远程仓库中子仓库的代码是否也更新成功,只需要提交一下主仓库代码就OK了

三、日常开发操作:

提问:在开发中如果更新代码了要怎么提交到远程仓库呢?

大可不必担心操作有多麻烦---我们只需像日常开发过程中提交代码一样!!!唯一不同的是:
1、需要进入到子项目中对本次更新的代码进行一次提交操作,并推送到远程。
2、再回退到主项目中,对主项目进行一次提交、推送。

注意:不管主项目中的是否有更新,只要子项目中修改过代码并提交过,主项目就需要再提交一次,因为子项目的修改是会同步到主项目中的,这样才能保证开发的一致性!

只要子项目有修改,当我们进入主项目使用 git status查看状态 都会有子项目修改的记录滴! 然后日常开发的时候,不要忘记同步去子项目提交更新一下代码就可以了。记住了!!!!!!!(因为本人在实际开发中初次接触的时候有忘过几次!)

你可能感兴趣的:(git,git,vue.js,前端)