{"id":142539,"date":"2021-05-14T11:25:00","date_gmt":"2021-05-14T10:25:00","guid":{"rendered":"https:\/\/blog.jetbrains.com\/webstorm\/2015\/06\/10-webstorm-shortcuts-you-need-to-know\/"},"modified":"2021-06-17T10:30:48","modified_gmt":"2021-06-17T09:30:48","slug":"10-webstorm-shortcuts-you-need-to-know","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/de\/webstorm\/2021\/05\/10-webstorm-shortcuts-you-need-to-know\/","title":{"rendered":"10 WebStorm-Tastenk\u00fcrzel, die Sie kennen sollten"},"content":{"rendered":"\n

Mit WebStorm k\u00f6nnen Sie eine Menge Zeit beim Ausf\u00fchren von Routineaktionen sparen. F\u00fcr fast jede Aktion stehen Tastenk\u00fcrzel bereit. Alle auswendig zu lernen ist praktisch unm\u00f6glich \u2013 aber das ist gar nicht n\u00f6tig! Sie k\u00f6nnen einfach mit den folgenden wichtigen Tastenkombinationen beginnen, um sofort eine Steigerung Ihrer Produktivit\u00e4t zu erzielen.<\/p>\n

Alle hier angegebenen Tastenkombinationen sind in den Standard-Tastenzuordnungen f\u00fcr macOS und Windows\/Linux enthalten. Sie haben auch die M\u00f6glichkeit, Ihre Tastaturkonfiguration unter Preferences \/ Settings | Keymap anzupassen.<\/em><\/p>\n

Search Everywhere: \u21e7\u21e7 \/ Umschalt+Umschalt<\/h2>\n

Wenn Sie sich aus diesem Blogbeitrag nur eine einzige Tastenkombination merken sollten, dann am besten diese: Search Everywhere<\/em> (\u00dcberall suchen). Wie der Name schon sagt, k\u00f6nnen Sie mit dieser Aktion \u00fcberall in Ihrem Projekt nach Dateien, Aktionen, Klassen oder Symbolen suchen und alle Treffer an einem Ort anzeigen.<\/p>\n

\"shift-shift-all\" <\/p>\n

Klicken Sie auf den gew\u00fcnschten Tab oder dr\u00fccken Sie \u21e5 \/ Tab<\/em>, um die Suche einzugrenzen. Wie im GIF gezeigt k\u00f6nnen Sie einige Aktionen auch direkt im Popup aktivieren oder deaktivieren.<\/p>\n

\"shift-shift-action\"<\/p>\n

Kontextaktionen anzeigen: \u2325\u21b5 \/ Alt+Enter <\/h2>\n

WebStorm verf\u00fcgt \u00fcber zahlreiche kontextbezogene Aktionen (sogenannte Intention-Aktionen), mit denen Sie Quick-Fixes anwenden, Code generieren oder die Projekteinstellungen \u00e4ndern k\u00f6nnen. Immer wenn Sie in Ihrem Code eine Schlangenlinie sehen oder wenn WebStorm im Editor eine Gl\u00fchbirne anzeigt, k\u00f6nnen Sie auf diese Gl\u00fchbirne klicken oder die Einf\u00fcgemarke auf Ihren Code legen und \u2325\u21b5 \/ Alt+Enter<\/em> dr\u00fccken, um eine Liste der Aktionen aufzurufen, die im aktuellen Kontext verf\u00fcgbar sind.<\/p>\n

\"intention-actions\"<\/p>\n

Wenn Sie eine bestimmte Aktion oder Warnung nicht mehr sehen m\u00f6chten, gibt es auch daf\u00fcr eine L\u00f6sung: Legen Sie die Einf\u00fcgemarke auf den entsprechenden Code, dr\u00fccken Sie \u2325\u21b5 \/ Alt+Enter, klicken Sie dann auf den Pfeil neben der Inspektion, die Sie nicht mehr sehen m\u00f6chten, und deaktivieren Sie sie. Dadurch wird sie f\u00fcr das gesamte Projekt deaktiviert. <\/p>\n

\"intention-action-disable\"<\/p>\n

Besuchen Sie diese Seite<\/a>, um mehr \u00fcber Inspektionen und die damit verbundenen M\u00f6glichkeiten zu erfahren.<\/p>\n

Refactor This: \u2303T \/ Ctrl+Alt+Umschalt+T<\/h2>\n

Wie auch andere IDEs von JetBrains ist WebStorm f\u00fcr seine leistungsstarken Refactoring-Funktionen bekannt. Um schnell die Liste der verf\u00fcgbaren Refactorings f\u00fcr den ausgew\u00e4hlten Code zu \u00f6ffnen, dr\u00fccken Sie \u2303T \/ Strg+Alt+Umschalt+T<\/em>.<\/p>\n

\"refactor-this-ws\"<\/p>\n

Zu Deklaration springen: \u2318B oder \u2318+Klick \/ Strg+B oder Strg+Klick<\/h2>\n

In WebStorm k\u00f6nnen Sie direkt zur Definition eines Symbols springen: Dr\u00fccken Sie einfach \u2318<\/em> bzw. Strg<\/em> und klicken Sie auf das jeweilige Symbol, oder legen Sie die Einf\u00fcgemarke auf das Symbol und dr\u00fccken Sie \u2318B \/ Strg+B<\/em>. Mit dieser Tastenkombination k\u00f6nnen Sie auch zu einer referenzierten Datei oder zu einem importierten Modul springen.<\/p>\n

\"navigate-to-declaration\"<\/h3>\n

Wenn WebStorm mehrere m\u00f6gliche Deklarationen f\u00fcr eine Funktion findet, wird Ihnen eine Dropdown-Liste angeboten.<\/p>\n

Code-Completion mit Ersetzen: \u21e5 \/ Tab<\/h2>\n

W\u00e4hrend der Eingabe in WebStorm wird automatisch ein Popup mit Code-Completion-Vorschl\u00e4gen angezeigt. Der nat\u00fcrliche Impuls ist, \u21b5 \/ Enter<\/em> zu dr\u00fccken, um einen Vorschlag anzunehmen. Wenn Sie jedoch einen Vorschlag durch einen anderen ersetzen m\u00f6chten, dr\u00fccken Sie \u21e5 \/ Tab<\/em>, um das aktuelle Element durch den ausgew\u00e4hlten Vorschlag zu ersetzen.<\/p>\n

\"code-completion-with-replace\"<\/p>\n

Auswahl erweitern: \u2325\u2191 \/ Strg+W<\/h2>\n

Mit der Aktion Auswahl erweitern<\/em> k\u00f6nnen Sie den ausgew\u00e4hlten Bereich schnell erweitern, ohne die Maus zu benutzen. Mit \u2325\u2193 \/ <\/em>Umschalt+Strg+W<\/em> l\u00e4sst sich die Auswahl wieder verkleinern.<\/p>\n

\"extend-selection\"<\/p>\n

Ausf\u00fchren: \u2303\u2325R \/ Alt+Umschalt+F10<\/h2>\n

Der schnellste Weg, eine Run-Konfiguration in Ihrem Projekt auszuf\u00fchren, besteht darin, \u2303\u2325R<\/em> (macOS) bzw. Alt<\/em>+Umschalt+F10<\/em> (Windows\/Linux) zu dr\u00fccken und eine Konfiguration aus der Popup-Liste auszuw\u00e4hlen.<\/p>\n

\"run-shortcut\"<\/p>\n

Tipp: Wenn Sie nach dem Ausw\u00e4hlen der Run-Konfiguration \u21e7 \/ Umschalt<\/em> gedr\u00fcckt halten, w\u00e4hrend Sie \u21b5 \/ Enter<\/em> dr\u00fccken, wird statt dem einfachen Ausf\u00fchren eine Debugging-Sitzung gestartet.<\/p>\n

Live-Vorlage erweitern: \u21e5 \/ Tab<\/h2>\n

Live-Vorlagen sparen Ihnen eine Menge Zeit. Sie geben eine kurze Abk\u00fcrzung ein und dr\u00fccken dann \u21e5 \/ Tab<\/em>, um die Vorlage in Ihren Code einzuf\u00fcgen. WebStorm unterst\u00fctzt auch Emmet-K\u00fcrzel<\/a> f\u00fcr HTML und CSS, die ebenfalls mit \u21e5 \/ Tab<\/em> erweitert werden.<\/p>\n

\"expand-live-template\"<\/p>\n

Durch nochmaliges Dr\u00fccken von \u21e5 \/ Tab<\/em> k\u00f6nnen Sie innerhalb der Vorlage von einem Variablen-Platzhalter zum n\u00e4chsten springen.<\/p>\n

\"jump-live-template\"<\/p>\n

WebStorm enth\u00e4lt eine gro\u00dfe Sammlung von Live-Vorlagen, darunter auch Postfix-Vorlagen<\/a>. Sie haben sogar die M\u00f6glichkeit, eigene Vorlagen zu definieren. Weitere Informationen zum Arbeiten mit Live-Vorlagen finden Sie in diesem Blogbeitrag<\/a>.<\/p>\n

Mehrere Einf\u00fcgemarken: \u2325+Klick \/ Alt+Klick<\/h2>\n

Die sehr beliebte Funktion der Mehrfacheingabe durch mehrere Einf\u00fcgemarken ist auch in WebStorm verf\u00fcgbar. Um Einf\u00fcgemarken hinzuzuf\u00fcgen oder zu entfernen, halten Sie \u2325 \/ Alt<\/em> gedr\u00fcckt und klicken Sie auf die n\u00e4chste Eingabestelle, um diese Stellen gleichzeitig bearbeiten zu k\u00f6nnen.<\/p>\n

\"multiple-cursors\"<\/p>\n

Weitere Informationen zum Arbeiten mit mehreren Einf\u00fcgemarken finden Sie in unserer Dokumentation<\/a>.<\/p>\n

Scratch-Datei: \u21e7\u2318N \/ Strg+Alt+Umschalt+Einfg<\/h2>\n

Mit Scratch-Dateien k\u00f6nnen Sie w\u00e4hrend der Arbeit in der IDE schnell ein Codebeispiel erstellen oder sich Notizen machen \u2013 ohne Ihre Projektdateien zu ver\u00e4ndern. Scratch-Dateien werden in der IDE gespeichert und k\u00f6nnen von jedem Projekt aus aufgerufen werden.<\/p>\n

\"new-scratch\"<\/p>\n

Weitere Tastenk\u00fcrzel kennenlernen<\/h2>\n

M\u00f6chten Sie noch mehr dar\u00fcber erfahren, was WebStorm zu bieten hat? Weitere Tastenkombinationen finden Sie in der Tastenk\u00fcrzel-Referenz unter Help | Keymap Reference <\/em>im Hauptmen\u00fc der IDE oder auf unserer Website<\/a>. <\/p>\n

Alternativ k\u00f6nnen Sie auch Preferences \/ Settings | Keymap <\/em>aufrufen oder einfach die ersten Buchstaben eines Aktionsnamens im Search Everywhere<\/em>-Feld eingeben.<\/p>\n

\"keymap-reference\"<\/p>\n

Wir hoffen, dass Ihnen diese Tastenk\u00fcrzel viel Zeit ersparen werden. Welches ist Ihr Lieblingsk\u00fcrzel? Teilen Sie es uns unten in den Kommentaren mit!<\/p>\n

Ihr WebStorm-Team<\/em><\/p>\n","protected":false},"author":1132,"featured_media":131156,"comment_status":"open","ping_status":"open","template":"","categories":[601],"tags":[1508],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/webstorm\/142539"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/webstorm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/types\/webstorm"}],"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=142539"}],"version-history":[{"count":5,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/webstorm\/142539\/revisions"}],"predecessor-version":[{"id":155304,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/webstorm\/142539\/revisions\/155304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/media\/131156"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/media?parent=142539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/categories?post=142539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/tags?post=142539"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/de\/wp-json\/wp\/v2\/cross-post-tag?post=142539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}