{"id":142699,"date":"2021-04-29T11:26:00","date_gmt":"2021-04-29T10:26:00","guid":{"rendered":"https:\/\/blog.jetbrains.com\/space\/2021\/04\/07\/space-code-reviews-in-intellij-idea-2021-1\/"},"modified":"2021-05-17T09:54:27","modified_gmt":"2021-05-17T08:54:27","slug":"space-code-reviews-in-intellij-idea-2021-1","status":"publish","type":"space","link":"https:\/\/blog.jetbrains.com\/de\/space\/2021\/04\/29\/space-code-reviews-in-intellij-idea-2021-1\/","title":{"rendered":"Code-Reviews mit Space in IntelliJ IDEA 2021.1"},"content":{"rendered":"\n\n\n<p><a href=\"https:\/\/www.jetbrains.com\/space\/\" target=\"_blank\" rel=\"noopener\">Space<\/a> macht es Ihrem Team leicht, Code-Reviews durchzuf\u00fchren und \u00c4nderungen zu besprechen. Nachdem Sie eine \u00c4nderung vorgenommen haben, k\u00f6nnen Sie <a href=\"https:\/\/blog.jetbrains.com\/space\/2020\/04\/30\/introducing-turn-based-code-reviews-in-space\/\">von einem oder mehreren Teammitgliedern ein Code-Review anfordern<\/a>. Wenn Sie an einem Feature-Branch arbeiten, k\u00f6nnen Sie direkt in Space einen Merge in den Hauptbranch durchf\u00fchren.<\/p>\n<p>Der Zugriff auf <strong>Code-Reviews<\/strong> und Merge-Requests ist \u00fcber den Browser und in der <a href=\"https:\/\/www.jetbrains.com\/help\/space\/space-desktop-app.html\" target=\"_blank\" rel=\"noopener\">Space-Desktopanwendung<\/a> m\u00f6glich. Und jetzt auch: <strong>in Ihrer IDE!<\/strong><\/p>\n<p>JetBrains Space bringt durch Chats, Projektmanagement, Issue-Tracking, Git-Hosting, CI\/CD und Paket-Repositories Softwareentwickler*innen zusammen.<\/p>\n<p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/space\/#sign-up\" target=\"_blank\" rel=\"noopener\">Erstellen Sie kostenlos eine Space-Organisation<\/a><\/p>\n\n<p>In ihrer IDE f\u00fchlen sich Entwickler<em>innen zu Hause \u2013 das ist schlie\u00dflich der Ort, wo sie ihren Code schreiben und an ihren Anwendungen arbeiten. Die native Integration zwischen Space und den IntelliJ-IDEA-basierten IDEs bietet unz\u00e4hlige Vorteile und <strong>erm\u00f6glicht eine gro\u00dfartige Benutzererfahrung<\/strong>. Code-Reviews sind dabei nur ein erster Schritt! Bei JetBrains sind wir bestrebt, die <em>*Integration von Space in unsere IDEs kontinuierlich zu verbessern<\/em><\/em>.<\/p>\n<p>In diesem Beitrag zeigen wir Ihnen, wie Sie <strong>mit einer beliebigen IntelliJ-IDEA-basierten IDE Code-Reviews in Space durchsuchen<\/strong>, Kommentare zuweisen, verwalten, anzeigen und einreichen sowie \u00c4nderungen \u00fcbernehmen k\u00f6nnen.<\/p>\n<h2 id=\"video\">Video<\/h2>\n<p>Wenn Sie Videos bevorzugen, gibt Ihnen unsere Kollegin Trisha Gee hier einen kurzen \u00dcberblick \u00fcber Space-Code-Reviews in IntelliJ IDEA: <iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/z1RnxBvF2Xk?enablejsapi=1\" width=\"800\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" mark=\"crwd-mark\"><\/iframe><\/p>\n<h2 id=\"erste-schritte\">Erste Schritte<\/h2>\n<p>Wenn Sie <a href=\"https:\/\/www.jetbrains.com\/idea\/\" target=\"_blank\" rel=\"noopener\"><strong>IntelliJ IDEA 2021.1<\/strong><\/a> verwenden, ist das <strong>Space-Plugin bereits vorinstalliert<\/strong>. F\u00fcr andere IDEs k\u00f6nnen Sie <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/13362-space\" target=\"_blank\" rel=\"noopener\">das Space-Plugin manuell installieren<\/a>.<\/p>\n<p>Um loslegen zu k\u00f6nnen, m\u00fcssen Sie sich innerhalb der IDE bei Space anmelden. Dies k\u00f6nnen Sie in den Einstellungen unter <strong>Tools | Space<\/strong> vornehmen. Geben Sie die URL Ihrer Space-Organisation ein und dr\u00fccken Sie <strong>Log In<\/strong>. Daraufhin werden Sie in Ihrem Standardbrowser aufgefordert, den Zugriff \u00fcber die IDE zu erlauben.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/log-in-to-space-from-the-ide.png\" alt=\"Anmeldung bei Space \u00fcber die IDE\"><\/p>\n<p>Sobald dies abgeschlossen ist, k\u00f6nnen Sie mit <strong>Get from VCS<\/strong> eine Liste aller Projekte und Repositories in Ihrer Space-Organisation abrufen. W\u00e4hlen Sie das gew\u00fcnschte Git-Repository aus und klicken Sie auf <strong>Clone<\/strong>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/clone-git-repository-from-space.png\" alt=\"Klonen eines Git-Repositorys aus Space\"><\/p>\n<p>Au\u00dferdem bietet das Space-Plugin ein Toolfenster, in dem Sie <a href=\"https:\/\/www.jetbrains.com\/space\/guide\/tips\/automation-intellij-idea-refactor\/\" target=\"_blank\" rel=\"noopener\">Space-Automatisierungsjobs \u00fcberpr\u00fcfen<\/a> k\u00f6nnen, sowie Code-Completion und Syntaxhervorhebung f\u00fcr <code>.space.kts<\/code>-Dateien.<\/p>\n<p>Aber hier soll es in erster Linie um Code-Reviews gehen, also wenden wir uns diesen zu.<\/p>\n<h2 id=\"toolfenster-code-reviews\">Toolfenster Code Reviews<\/h2>\n<p>In der Seitenleiste oder im Men\u00fc <strong>Tools | Space | Code Reviews<\/strong> finden Sie das Toolfenster <strong>Space Code Reviews<\/strong>. Dort werden alle Code-Reviews f\u00fcr das aktuelle Projekt angezeigt, und es steht eine Such- und Filterfunktion zur Verf\u00fcgung.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/code-reviews-tool-window-preview.png\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/code-reviews-tool-window.gif\" alt=\"Toolfenster Space Code Reviews in IntelliJ IDEA\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-125855\" \/><\/p>\n<p>Mit den Schnellfiltern k\u00f6nnen Sie Folgendes finden:<\/p>\n<ul>\n<li>Offene oder abgeschlossene Code-Reviews<\/li>\n<li>Reviews, die Ihre \u00c4nderungen enthalten<\/li>\n<li>Code-Reviews, die Ihre Aufmerksamkeit erfordern<\/li>\n<li>\u00c4nderungen, die Sie \u00fcberpr\u00fcfen m\u00fcssen<\/li>\n<li>Reviews, die Ihnen zugewiesen sind<\/li>\n<\/ul>\n<h2 id=\"code-review-zeitleiste\">Code-Review-Zeitleiste<\/h2>\n<p>Von der Code-Review-Liste k\u00f6nnen Sie zu den Details navigieren. Sie sehen grundlegende Informationen zum Code-Review, z. B. Autoren und Reviewer. Wenn Sie die vollst\u00e4ndige Codebasis zur Hand haben m\u00f6chten, k\u00f6nnen Sie den Branch des Merge-Requests auschecken.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/code-review-timeline.png\" alt=\"Code-Review-Zeitleiste\"><\/p>\n<p>Au\u00dferdem wird die Zeitleiste des Code-Reviews angezeigt. Hier sehen Sie alle Kommentare und \u00c4nderungen, die im Verlauf dieses Code-Reviews vorgenommen wurden. Sie k\u00f6nnen Kommentare hinzuf\u00fcgen, beantworten und als gel\u00f6st markieren.<\/p>\n<p>In Space ist alles ein Chat. Dies gilt auch f\u00fcr Code-Review-Kommentare: Sie k\u00f6nnen neue Kommentare zum Code-Review hinterlassen sowie bestehende Threads durchsuchen und beantworten. Dabei m\u00fcssen Sie f\u00fcr keine Sekunde die IDE verlassen!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/reply-to-threads-and-comments-preview.png\" data-gif-src=\"https:\/\/resources.jetbrains.com\/storage\/products\/blog\/wp-content\/uploads\/dotnet\/reply-to-threads-and-comments.gif\" alt=\"Antworten auf Kommentare und Threads in einem Code-Review\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-125895\" \/><\/p>\n<p>Benutzer*innen, die Space im Browser oder in der Space-Desktop-App verwenden, sehen alle Kommentare, die Sie hinzuf\u00fcgen \u2013 entweder direkt im Code-Review, wenn sie es ge\u00f6ffnet haben, oder im Space-Chat.<\/p>\n<h2 id=\"-berpr-fung-des-codes-in-der-ide\">\u00dcberpr\u00fcfung des Codes in der IDE<\/h2>\n<p>Wenn Sie ein Code-Review in der IDE ge\u00f6ffnet haben, wird eine Liste der Dateien angezeigt, die hinzugef\u00fcgt, ge\u00e4ndert oder entfernt wurden. Sie k\u00f6nnen sie \u00f6ffnen und mit der <a href=\"https:\/\/www.jetbrains.com\/help\/idea\/differences-viewer.html\" target=\"_blank\" rel=\"noopener\">Diff-Anzeige<\/a> der IDE die \u00c4nderungen \u00fcberpr\u00fcfen. In dieser Diff-Anzeige k\u00f6nnen Sie zu jeder Codezeile Kommentare hinzuf\u00fcgen.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/add-line-comment-in-code-review-preview.png\" data-gif-src=\"http:\/\/resources.jetbrains.com\/storage\/products\/blog\/wp-content\/uploads\/dotnet\/add-line-comment-in-code-review.gif\" alt=\"Hinzuf\u00fcgen eines Zeilenkommentars zu einem Code-Review\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-125996\" \/><\/p>\n<p>Kommentare werden als Entw\u00fcrfe gespeichert und <a href=\"https:\/\/blog.jetbrains.com\/space\/2020\/04\/30\/introducing-turn-based-code-reviews-in-space\/\">am Ende Ihres Zuges im Code-Review-Prozess<\/a> gesendet. Bei Bedarf k\u00f6nnen Sie mit <strong>Post now<\/strong> den Kommentar sofort absenden.<\/p>\n<h2 id=\"-nderungen-akzeptieren-oder-auf-antwort-warten\">\u00c4nderungen akzeptieren oder auf Antwort warten<\/h2>\n<p>Nachdem Sie die \u00c4nderungen \u00fcberpr\u00fcft haben, k\u00f6nnen Sie Ihren Zug im Code-Review-Prozess abschlie\u00dfen. Im Detailbereich des Code-Reviews k\u00f6nnen Sie Folgendes ausw\u00e4hlen:<\/p>\n<ul>\n<li><strong>Accept Changes<\/strong> \u2013 wenn aus Ihrer Sicht alles in Ordnung ist, k\u00f6nnen Sie die \u00c4nderungen \u00fcbernehmen; oder<\/li>\n<li><strong>Wait for Response<\/strong> \u2013 wenn Sie nach \u00dcberpr\u00fcfung der \u00c4nderungen noch Fragen oder Bedenken haben, k\u00f6nnen Sie auf Antworten warten.<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/accept-changes-or-wait-for-response.png\" alt=\"\u00c4nderungen akzeptieren oder auf Antwort warten\"><\/p>\n<p>Mit beiden Optionen beenden Sie Ihren Zug im Code-Review-Prozess und ver\u00f6ffentlichen die Kommentarentw\u00fcrfe, die Sie beim Lesen des Codes angelegt haben.<\/p>\n<h2 id=\"fazit\">Fazit<\/h2>\n<p><strong>Teams k\u00f6nnen viele Gr\u00fcnde f\u00fcr ein Code-Review haben.<\/strong> Vielleicht sollen die Teammitglieder \u00fcberpr\u00fcfen, ob der neue Code klar und einfach zu lesen ist und keine schwerwiegenden Fehler enth\u00e4lt. Oder vielleicht m\u00fcssen Sie Ihren Code \u00fcberpr\u00fcfen und genehmigen lassen, bevor er in den Hauptbranch \u00fcbernommen werden kann. Was auch immer der Anlass ist: <strong>Sie k\u00f6nnen den Review-Prozess jetzt in der IDE durchf\u00fchren!<\/strong><\/p>\n<p><strong>Probieren Sie es aus!<\/strong> Das Space-Plugin ist jetzt in <a href=\"https:\/\/www.jetbrains.com\/idea\/\" target=\"_blank\" rel=\"noopener\">IntelliJ IDEA 2021.1<\/a> enthalten, und bei anderen IDEs k\u00f6nnen Sie das <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/13362-space\" target=\"_blank\" rel=\"noopener\">Space-Plugin manuell installieren<\/a>.<\/p>\n<p>Wir werden die Funktionalit\u00e4t des Space-Plugins in zuk\u00fcnftigen Versionen erweitern. Was sind Ihre W\u00fcnsche? Schreiben Sie es uns in den Kommentaren!<\/p>\n<p><em>PS.: Sie k\u00f6nnen <a href=\"https:\/\/www.jetbrains.com\/space\/#sign-up\" target=\"_blank\" rel=\"noopener\">kostenlos eine Space-Organisation erstellen<\/a> und in wenigen Schritten <a href=\"https:\/\/blog.jetbrains.com\/space\/2020\/02\/06\/mirroring-an-external-git-repository-in-space\/\">ein vorhandenes Git-Repository spiegeln<\/a>, um in den Genuss von Space-Code-Reviews in IntelliJ IDEA zu kommen.<\/em><\/p>\n\n","protected":false},"author":1132,"featured_media":133089,"comment_status":"closed","ping_status":"closed","template":"","categories":[1401],"tags":[2547,3631,40,671,6495],"cross-post-tag":[6284],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/space\/142699"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/space"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/types\/space"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/users\/1132"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/comments?post=142699"}],"version-history":[{"count":3,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/space\/142699\/revisions"}],"predecessor-version":[{"id":142704,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/space\/142699\/revisions\/142704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/media\/133089"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/media?parent=142699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/categories?post=142699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/tags?post=142699"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/cross-post-tag?post=142699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}