ti-enxame.com

A criação do diagrama de fluxo de trabalho Git é feita através de uma ferramenta de design de gráfico / fluxograma?

Quando olho para a maioria dos sites, as pessoas demonstram seu fluxo de trabalho git de maneira pictórica. Gostaria de saber qual ferramenta é usada para o mesmo?
Por exemplo https://wiki.phpbb.com/images/c/c8/Phpbb-git-workflow-small.png
e http://nvie.com/posts/a-successful-git-branching-model/

Estou implementando o git para a empresa e gostaria de mostrar uma representação diagramática semelhante (como mostra o exemplo), então fiquei pensando se havia uma ferramenta que me ajudasse a construí-la

17
holyAsh

Perguntei a Vincent Driessen sobre o programa de criação de diagramas que ele usou para sua postagem no blog http://nvie.com/posts/a-successful-git-branching-model/ e ele mencionou que usou - Apple Keynote .

Pessoalmente, estou brincando com draw.io para criação de diagrama e estou gostando até agora. É gratuito até agora e é bastante simples de usar.

Se sua pergunta é sobre a criação de diagramas específicos para o histórico do repositório git, sugiro usar GitFlowChart . Vincent tem um exemplo mostrando GitFlowChart aqui .

15
gaoagong

Estou montando um manual de fluxo de trabalho git para minha equipe e descobri GitGraph.js , que é de código aberto e faz o truque para mim.

9
HeyZiko

O ProFit Book usa Dia . Veja repo para obter alguma inspiração.

3
Michael Wild

Você pode usar isso gitgraphjs é uma biblioteca de scripts Java que permite criar uma visualização para repositórios git ou conceitos git.

1
Se7s

http://gitgraphjs.com/ é uma opção:

<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gitgraph.js/1.15.1/gitgraph.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/gitgraph.js/1.15.1/gitgraph.min.js" />
</head>

<body>

<canvas id="gitGraph"></canvas>

<script>
var gitgraph = new GitGraph({
  template: "metro",
  orientation: "horizontal",
  mode: "compact"
});

var master = gitgraph.branch("master");

gitgraph.commit().commit().commit();         // 3 commits upon HEAD
var develop = gitgraph.branch("develop");    // New branch from HEAD
var myfeature = develop.branch("myfeature"); // New branch from develop

// Well, if you need to go deeper…

var hotfix = gitgraph.branch({
  parentBranch: develop,
  name: "hotfix",
  column: 2             // which column index it should be displayed in
});

master.commit("This commit is mine"); // Add a commit on master branch

develop.commit({
  dotColor: "white",
  dotSize: 10,
  dotStrokeWidth: 10,
  sha1: "666",
  message: "Pimp dat commit",
  author: "Jacky <[email protected]>",
  tag: "a-super-tag",
  onClick: function(commit) {
    console.log("Oh, you clicked my commit?!", commit);
  }
});
</script>
</body>

Demonstrado por este violino - https://jsfiddle.net/h5mrLesu/

0
Ashley Frieze