如何在Vue 3 Web应用程序中显示当前的GIT分支?



我喜欢有一个我正在工作的当前GIT分支的视觉提示,并在我的IDE中设置它(我目前使用VIM,但我知道VSCode也这样做)。我非常喜欢/需要它,所以当我在本地服务时,我真的也希望在我的开发构建中看到它。

我目前用一个标签手动执行此操作,每次我创建一个要处理的新分支时,我都会手动更新该标签。然而,我经常忘记这样做,然后把自己弄糊涂了。

我想知道是否有可能从GIT中提取这些信息,并以与VSCode相同的方式在我的UI中显示它?

具体来说,我正在使用Vue 3和Typescript,但我想这与一般问题无关。

有人知道你会怎么做吗?

如果你使用Webpack作为打包器,有一个Git -commit-info- Webpack -plugin可以在每次构建时将一些Git信息(分支名称,最后提交日期/哈希/作者)写入json文件。

只要将json文件导入到你的应用程序中并使用它....