9 Echtzeit-Code-Collaboration-Tools für Entwickler

Die Code-Zusammenarbeit in Echtzeit hat sich in den letzten Jahren rasant verbessert. Dies hat Auswirkungen auf die Arbeitsweise von Entwicklern in Teams, die dieselbe Codebasis verwenden. In diesem Artikel werden wir uns mit einigen der besten heute verfügbaren Tools beschäftigen.

Die Werkzeuge

Ich wette mit meinem Mittaggeld, dass jeder Entwickler Momente in seiner Karriere erlebt hat, in denen er Code teilen oder Unterstützung erhalten muss, wenn etwas nicht in seine Richtung geht. Typische Szenarien umfassen isolierte Demos, Kopieren und Einfügen von Snippets in Gists oder das Verschieben von Code in ein Repository. 

Bei den folgenden Tools (in keiner bestimmten Reihenfolge) handelt es sich um eine Auswahl, die auf Recherchen, dem Durchsuchen der Dokumentation und einigen basiert. persönliches Testen. Einige der aufgeführten Tools erfordern zwar eine Portierung von Code für den Arbeitsablauf, jedoch können Entwickler den Code lokal ohne den großen Shuffle lokal beibehalten.

1. Atom

Teletype ist ein kostenloses und Open Source-Paket, das speziell für Atom erstellt wurde. Für Personen, die mit dem Datenschutz befasst sind, werden gemeinsam genutzte Daten über eine verschlüsselte Peer-to-Peer-Verbindung übertragen. Auf Servern werden Ihre Dateien oder Bearbeitungen nie angezeigt, wodurch die Privatsphäre gewahrt bleibt und die Latenz zwischen Ihnen und Ihren Mitarbeitern minimiert wird.

Die Teletype Corporation Model 28-Ausrüstungslinie

Um das Teletype-Paket zu installieren, geben Sie über Ihr Terminal die folgende Zeile ein apm Befehl:

 apm installieren teletype

Sie können Teletype auch von Ihrem Paketmanager aus installieren, indem Sie in der Suchleiste "teletype" eingeben. Führen Sie nach der Installation die folgenden Schritte aus:

  • Drücke den Antenne Symbol in der Atom-Statusleiste unten rechts im Editorfenster.
  • Autorisieren Sie Teletype über GitHub.
  • Wählen Sie im Paketmenü von Atom die Option Teletype aus Portal teilen.
  • Kopieren Sie die Portal-ID unten rechts in Ihrem Editorfenster.
  • Teilen Sie die geheime ID des Portals über Ihre bevorzugte Methode mit Ihren Mitarbeitern.
  • Kollaborateure gelangen durch Anklicken in Ihr Portal Beitreten im Collaboration-Fenster, nachdem Sie Ihre eindeutige Portal-ID eingegeben haben.

Nachdem Sie Ihrem Portal beigetreten sind, sehen die Mitarbeiter in ihrem Arbeitsbereich eine neue Registerkarte, auf der sie den Inhalt Ihres aktiven Editors anzeigen und bearbeiten können. Jeder bekommt seinen eigenen Cursor und jeder kann gleichzeitig tippen; aber nur der besitzer kann sparen. Im Moment überträgt Teletype nur Text. Daher ist es eine gute Idee, ihn mit einer Anwendung für die Sprachkommunikation zu kombinieren. Letztendlich hoffen die Ersteller, diese Features zusammen mit einer langen Liste weiterer Verbesserungen direkt in das Paket zu integrieren.

  • teletype.atom.io
  • Teletype auf GitHub
  • Mit Teletype for Atom können Sie in Echtzeit gemeinsam programmieren
  • Einführung in Teletype for Atom: Code in Echtzeit kollaborativ
  • Teletype von Atom auf YouTube Zachary R Newton

2. Klammern

Dieser Code-Editor von Adobe ermöglicht die Echtzeit-Zusammenarbeit über eine Erweiterung. Um zu beginnen, folge diesen Schritten:

  • Öffnen Sie den Ordner, der Ihr Projekt enthält.
  • Drücken Sie die Sync Symbol in der rechten Symbolleiste.
  • Geben Sie dieselbe Raum-ID ein.
  • Drücke den Sync erneut, um den Raum zu verlassen, sich dem Sprachanruf anzuschließen oder den Code abzurufen.

In Klammern ist standardmäßig kein Mikrofonzugriff möglich. Sie können jedoch Sprachanrufe aktivieren, indem Sie mit dem folgenden Befehl von Ihrem Terminal aus Klammern starten:

Klammern --args --enable-media-stream

Die Erweiterung verweist standardmäßig auf den Server eines Autors. Es wird kein Code über einen anderen Server gesendet, sofern Ihre Version von Brackets WebRTC unterstützt (die meisten tun dies)..

  • http://brackets.io
  • Multihack-Klammern auf GitHub
  • multihack.github.io (Webversion)

3. Coda

Die harten Coda-Benutzer wissen möglicherweise nicht, dass bereits eine Echtzeit-Dateifreigabefunktion enthalten ist. Ursprünglich von Coding Monkeys entwickelt, lebt dieses File-Sharing-Feature seit Version 1 ruhig in Coda. Mit dieser Funktion können zwei oder mehr Benutzer Dateien über ein LAN oder mit einem beliebigen Remote-Benutzer über die IP-Adresse Ihres Computers oder eine spezielle "Freigabe-URL" teilen. um einen entfernten Benutzer mit Ihrer Datei zu verbinden. Dadurch können mehrere Benutzer gleichzeitig in Echtzeit an derselben Datei arbeiten.

Für den Start dieser Echtzeitfunktion müssen Benutzer die Option auswählen Datenaustausch Option aus ihrem Systemeinstellungen-Menü. Einmal vervollständigt:

  • Wählen Sie die Datei aus, die Sie freigeben möchten.
  • Klicken Aktie gefolgt von der Bonjour Schaltfläche unten im Editorfenster.
  • Kopieren Sie die Freigabe-URL von Coda's Menü> Datei.
  • Der Remote-Benutzer klickt auf den bereitgestellten Link (bei geöffnetem Coda) und Ihre Datei wird automatisch in ihrer Anwendung geöffnet.
  • Coda-Startseite
  • Codas Unsung-Funktion

4. SublimeText

Remote Collab ist ein Open-Source-SublimeText-Plug-In für die Fernprogrammierung von Paaren, mit dem mehrere Entwickler in Echtzeit zusammen an einem Projekt arbeiten können. Es kann durch installiert werden Paketkontrolle und gefunden unter RemoteCollab.

  1. Öffnen Sie die Datei, die Sie gemeinsam bearbeiten möchten.
  2. Öffnen Sie die Befehlspalette mithilfe des Menüelements Extras> Befehlspalette.
  3. Wählen Remote: Host-Sitzung.
  4. Geben Sie dem entfernten Kollegen Ihre IP-Adresse.
  5. Öffnen Sie die Befehlspalette mit dem Menüelement Sublime Extras> Befehlspalette.
  6. Wählen Remote: Verbindung zur Sitzung herstellen.
  7. Geben Sie die IP-Adresse des Hosts ein, mit dem Sie sich verbinden möchten.
  8. Sie bearbeiten jetzt gemeinsam ein Dokument mit dem Host.
  • RemoteCollab (kostenlos / OS)
  • Remote-Sublime (frei / OS)
  • Floobits (bezahlt)
  • Floobits-sublime auf GitHub (bezahlt)

5. CodePen

Wenn Sie CodePen-Profi sind, wissen Sie bereits, dass Sie Zugriff auf den Collab-Modus haben, sodass mehrere Personen gleichzeitig einen Stift bearbeiten können. Wenn Sie den Collab-Modus öffnen, ändert sich die URL für Ihren Stift in der Adressleiste Ihres Browsers. Kopieren Sie die bereitgestellte Collab-URL und teilen Sie sie mit den Personen, mit denen Sie zusammenarbeiten möchten.

Für Cloud-basierte Tools wie CodePen müssen Entwickler Teile oder ganze Teile ihres Workflows in eine gehostete Umgebung verschieben. Collab verfügt auch über eine Chat-Funktion, mit der Sie während Ihrer Sitzung miteinander kommunizieren können. Bei jeder Eingabe gibt es eine Benachrichtigung, die als grüne Umrandung am unteren Rand der Chat-Schaltfläche angezeigt wird. Mitbearbeiter können gleichzeitig bearbeiten und tippen, Mitbearbeiter können jedoch nicht speichern. Mitarbeiter können sogar externe Dateien hinzufügen und Einstellungen bearbeiten, jedoch keine Beschreibungen.

Je nach Ihrem Plan sind Sie auf die Anzahl der eingeladenen Mitarbeiter beschränkt, und nur der Besitzer des Stiftes benötigt ein Pro-Abonnement. Alle anderen können kostenlose Konten haben oder anonym sein. Wenn Sie an einem öffentlichen Stift zusammenarbeiten und den Fortschritt speichern möchten, können Sie auf klicken Gabel Schaltfläche, um den genauen Status Ihres aktuellen Fortschritts zu speichern. Ein großartiges Werkzeug für einfache Szenarien, wenn Sie mit ersten Prototypen, Demos oder sogar Interviews arbeiten, ist ein Muss.

  • codepen.io
  • Collab-Modus im CodePen-Blog
  • Kollaborationssitzung zu Vimeo

6. Codeshare

Codeshare ist ein Web-App-Service, dessen Ziele sehr einfach sind. Es muss immer noch Code von Ihrer lokalen Umgebung auf seinen Dienst übertragen werden, aber Sie haben auch die Möglichkeit, über Video zu sprechen. Dies kann für verschiedene Arten von Szenarien verwendet werden, z. B. für Code-Reviews, interne Einstellungsgespräche und für das Lernen, während gleichzeitig die Möglichkeit besteht, Code mit Kollegen zu debuggen. 

Der Freigabecode ist kostenlos, bleibt jedoch nur 24 Stunden gespeichert, sofern Sie sich nicht anmelden, um ein Konto zu erstellen, mit dem Sie Ihren Fortschritt speichern können.

  • codeshare.io

7. Visual Studio

Visual Studio ist ein Editor von Microsoft, der seit seiner Veröffentlichung ziemlich heiß gelaufen ist. Es arbeitet auch an einer Erweiterung für die Echtzeitzusammenarbeit mit anderen Visual Studio-Benutzern, die als "Live Share" bezeichnet wird. Mit Live Share können Sie den Kontext des Codes freigeben, so dass Sie eine sofortige bidirektionale Zusammenarbeit erhalten.

Live Share ist derzeit nicht für die Öffentlichkeit verfügbar, aber ich hatte das Glück, eine Tour von einem seiner Entwickler, David Khourshid, zu bekommen.

Um mit Live Share arbeiten zu können, benötigen Sie eine Erweiterung, die mit einem Microsoft-Konto installiert und angemeldet ist oder über Ihr GitHub-Konto autorisiert ist. Der Einladende sendet dann einen Link, der Ihren Editor am Ende des Mitarbeiters mit der Live Share-Sitzung wieder öffnet, sodass die Mitarbeiter die gesamten Projektdateien im Editor-Dateifenster anzeigen können.

Hier einige Beobachtungen aus meiner Vorschau:

  • Mit dem Symbol unten können Sie die Datei finden, die die Person bearbeitet.
  • Sie können einen lokalen Server über einen Port freigeben, indem Sie die Befehlspalette öffnen, und nach lokalen Live Share-Servern suchen.
  • Beide Seiten können die bearbeitete Datei speichern.
  • Knotenprojekte können Aufgaben wie das Live-Debugging durchführen.

Ich bin zurzeit ein Atom-Benutzer, aber nach meiner Tour durch die Funktionen, die Live Share für Visual Studio bietet, war ich sehr beeindruckt. Wenn Sie ein Visual Studio-Benutzer sind, kann ich Ihnen gerne sagen, dass Sie eine große Freude haben werden.

  • code.visualstudio.com
  • Einführung in Visual Studio Live Share
  • VS-Code: Präsentation der Möglichkeiten der Echtzeit-Zusammenarbeit (und anderer cooler Funktionen) auf YouTube
  • Einführung in Visual Studio Live Share-Video

8. locker

Ich war am Boden, als ich zum ersten Mal die Leistungsfähigkeit von Screenhero (jetzt in Slack integriert) erlebte, mit der Benutzer Ihre Maschine fernsteuern können.

Sobald der Videoanruf initiiert ist, können Mitbearbeiter Probleme wie Debugging durchgehen, während Sie Ihren Computer fernsteuern. Diese Funktion ist Teil eines bezahlten Plans, jedoch nicht für kostenlose Konten verfügbar.

  • slack.com
  • Teilen Sie Ihren Bildschirm mit Slack Calls
  • Screen Hero für Remote Pair Programming Bildschirmfreigabe auf YouTube

9. Codeanywhere

Dieser Code-Editor wurde im Hinblick auf die Zusammenarbeit entwickelt und bietet eine integrierte Terminalkonsole für Aufgaben wie ssh, ftp / sftp, sodass Entwickler von überall auf jeder Plattform Code schreiben können. 

Mit Codeshare ist die Remote-Zusammenarbeit so einfach wie das Senden eines Freigabe-Links an einen Mitarbeiter. Teilnehmer, die auf diesen Share-Link klicken, erhalten eine Vorschau auf der Codanywhere-Website. Jede Share kann über eigene Berechtigungen verfügen. Sie können ganze Projekte, Dateien oder Ordner für jeden anderen Entwickler auf der ganzen Welt freigeben. Klicken Sie während der Paarungsprogrammierung auf das Symbol Ihres Kollegen, und scrollen Sie zur aktuellen Cursorposition. Koppeln Sie das Programm mit einem oder beliebig vielen Mitarbeitern. es gibt keine Grenzen.

  • codeanywhere.com
  • Codeanywhere-Preisgestaltung
  • Codeanywhere-Dokumente 

Gedanken zum Abschied

Heutzutage gibt es sicherlich viele Optionen, mit denen mehrere Entwickler effizient miteinander arbeiten können. Haben Sie eines der oben genannten Tools verwendet? Was hat funktioniert und was nicht? Haben Sie während Ihrer Erfahrung irgendwelche Besonderheiten erfahren oder Tipps, die Sie gerne teilen möchten? Lass es uns in den Kommentaren wissen und fröhliche Kodierung!