Teilen von Webstorm-Nutzungstipps

WebStorm ist ein JavaScript-Entwicklungstool von JetBrains. Es wurde von der Mehrheit der chinesischen JS-Entwickler als „Web-Front-End-Entwicklungsartefakt“, „leistungsstärkster HTML5-Editor“, „intelligenteste JavaScript-IDE“ usw. gelobt. Es hat denselben Ursprung wie IntelliJ IDEA und erbt die Funktionen des leistungsstarken JS-Teils von IntelliJ IDEA.

Einstellungstipps:

So ändern Sie das Theme (Schriftart und Farbe):

Datei -> Theme-Download-Adresse

So verhindern Sie, dass sich Webstorm öffnet Beim Starten der Projektdatei:
Datei -> Einstellungen->Allgemein entfernen. Letztes Projekt beim Start erneut öffnen.

So zeigen Sie Chinesisch perfekt an:
Datei ->Einstellungen->Aussehen und Standardschriftarten überschreiben durch (nicht empfohlen). ), Name festlegen: NSimSun, Größe: 12

So zeigen Sie Zeilennummern an:
Datei -> Einstellungen->Editor, aktivieren Sie „Zeilennummern anzeigen“, und die Zeilennummern werden angezeigt

So werden die Zeilennummern automatisch umbrochen Code:
Datei -> Einstellungen -> Editor „Soft Wraps im Editor verwenden“ ist aktiviert und der Code wird automatisch umgebrochen.

So klicken Sie auf den Cursor, um ihn am Ende der Zeile anzuzeigen: ; Einstellungen->Editor „Platzierung des Einfügezeichens nach Ende der Zeile zulassen“ Deaktivieren Sie einfach „Zeile“.

So ändern Sie die Tastenkombination:

Datei -> Einstellungen -> Tastenbelegung, doppelklicken Sie dann auf die Funktion, für die Sie die Tastenkombination ändern möchten. Es erscheint ein Eingabeaufforderungsfeld. Befolgen Sie die Anweisungen.

Ändern Sie die Tastenkombination, die Sie benötigen sind mit dem Editor vertraut:

Datei ->Einstellungen->Keymap, unterstützt Mainstream-IDEs wie Visual Studio, Eclipse und NetBeans.

Tipps zur Javascript-Bibliothek.

Datei -> Einstellungen -> Bibliotheken -> Wählen Sie dann die Javascript-Klassenbibliothek aus, die Sie häufig verwenden.

Bei der Entwicklung von js habe ich festgestellt, dass Strg + Return kann die Kandidatenoption auswählen:

Datei –> Editor –> -> Ändern Sie 1000 in

git-Konfiguration:

Datei -> Editor -> Wenn Sie kein Github-Konto haben brauche es.

Plug-in-Installation:

Datei ->Plugins, dann wählen Sie die leistungsstarken Plug-ins aus und installieren Sie sie (Das Plug-in „css-X-fire“ wird verwendet, wenn Sie Firebug verwenden, um CSS-Eigenschaften zu ändern. Der CSS-Code im Editor wird sich ebenfalls ändern.)

In Zukunft Update

Webstorm-Nutzungserfahrung

Favoritenfunktion:

Wenn das Projektverzeichnis sehr groß ist, werden oft einige Unterverzeichnisse geöffnet, aber die Ebene ist sehr tief Dieses Mal können Sie das Verzeichnis zu den Favoriten hinzufügen. Nach erfolgreichem Hinzufügen befindet sich links ein Menü „Favoriten“

Breadcrumb-Navigation:

Zusätzlich zur Projektseite auf der linken Seite können Sie ein Verzeichnis auswählen. Unter dem oberen Menü befindet sich ein Verzeichnis, das der Breadcrumb-Navigation der Website ähnelt und die gleiche Funktion erfüllen kann. Wenn Sie auf jedes Verzeichnis klicken, wird ein Dropdown-Menü angezeigt, in dem die Unterverzeichnisse darunter angezeigt werden.

Konstruktorschnittstelle:

Kommentare werden angezeigt, wenn sie dem Format entsprechen. Wenn es sich um eine JS-Datei handelt, handelt es sich um die Funktionen und Objekte der JS-Klasse. Wenn es sich um eine CSS-Datei handelt, handelt es sich um eine Zusammenfassung der CSS-Datei. Diese dienen lediglich der einfacheren Anzeige der Struktur des Codes.

Todo-Schnittstelle:

Fügen Sie ToDo-Kommentare zum Code hinzu und diese Schnittstelle wird angezeigt.

Doppelspaltige Code-Schnittstelle:

Klicken Sie mit der rechten Maustaste auf die Datei auf der Code-Registerkarte. und dann rechts-> vertikal verteilt (linker und rechter Bildschirm) oder horizontal geteilt (oberer und unterer Bildschirm)

Lokale Verlaufsfunktion:

Eine gute Möglichkeit, Code abzurufen

WebStorm integriert Git-Nutzung

Webstorm integriert nur gängige Git-Operationen , und es ist kein völlig alternatives Befehlszeilentool. Sie können in der unteren rechten Ecke der Benutzeroberfläche überprüfen, in welchem ​​Git-Zweig Sie sich befinden. Sie können auch darauf klicken, um zu wechseln oder einen neuen Zweig zu erstellen.

Sehen Sie sich die Unterschiede zwischen dem aktuellen Code und dem Repository-Code an:

Klicken Sie mit der rechten Maustaste auf einen beliebigen Bereich der Codeoberfläche, wählen Sie git -> vergleichen mit und wählen Sie dann das zu vergleichende Repository aus.

Beschreibung der Webstorm-Tastenkombinationen

Bearbeiten verwandter Tastenkombinationen

Strg + Leertaste:

Grundlegende Code-Vervollständigung (der Name einer beliebigen Klasse, Methode oder Variable), wechseln Sie zu Alt + S

Strg + Umschalt + Eingabetaste:

Vollständige Anweisung um die aktuelle Anweisung zu vervollständigen

Strg + P:

Parameterinformationen (innerhalb von Methodenaufrufargumenten) Parameterinformationen umfassen Methodenaufrufparameter

Strg + Maus über Code

Kurzinfo, einfache Informationen

Strg + F1

Beschreibung des Fehlers oder der Warnung anzeigen am Einfügepunkt Beschreibung des Fehlers oder der Warnung am Einfügepunkt anzeigen

Alt + Einfügen

Code generieren… (Getter, Setter, Konstruktoren) Erstellen Sie eine neue Datei oder generieren Sie Code,… Konstruktor, Sie können Getter- und Setter-Methoden für jedes Feld in der Klasse erstellen

Strg + O

Methoden überschreiben Methoden überladen

Strg + I

Methoden implementieren Implementierungsmethoden

Strg + Alt + T
Umgeben mit… (if, else, try, Catch, for usw.) Verwenden Sie *, um die ausgewählte Codezeile einzuschließen. (* schließt if, while, try Catch usw. ein)

Strg + /
Kommentieren/Entkommentieren mit Zeilenkommentar Zeilenkommentar/Entkommentieren von Zeilenkommentaren

Strg + Umschalt + /
Kommentieren/Entkommentieren mit Blockkommentar Blockkommentar/Entkommentieren eines Blockkommentars

Strg + W
Sukzessive aufsteigende Codeblöcke auswählen Wählen Sie normalerweise Codeblöcke aus Inkrementell Auswählen

Strg + Umschalt + W
Aktuelle Auswahl auf den vorherigen Status verkleinern. Zur vorherigen Tastenkombination zurückkehren, Auswahlcode verringern

Alt + Q
Kontextinformationen Kontextinformationen

Alt + Eingabetaste
Absichtliche Aktionen und Schnellkorrekturen anzeigen Absichtlich Aktion, schnelle Ergebnisse

Strg + Alt + L
Code neu formatieren. Formatieren Sie den Code entsprechend dem Vorlagenformat Aktuelle Zeile oder ausgewählten Block in die Zwischenablage ausschneiden. Aktuelle Zeile oder ausgewählten Block in die Zwischenablage ausschneiden. Oder den ausgewählten Codeblock in die Zwischenablage.

Strg + V oder Umschalt + Einfügen.
Aus Zwischenablage einfügen. Den Inhalt in die Zwischenablage einfügen.

Strg + Umschalt + V
Aus aktuellen Puffern einfügen Den neuesten Inhalt in den Puffer einfügen

Strg + D
Aktuelle Zeile oder ausgewählten Block duplizieren Aktuelle Zeile oder ausgewählten Codeblock duplizieren

Strg + Y
Zeile an der Einfügemarke löschen Die Zeile an der Cursorposition löschen

Strg + Umschalt + J
Intelligente Linienverbindung (nur HTML und JavaScript) Intelligente Linie verbinden (HTML und JavaScript)

Strg + Eingabetaste
Intelligente Linienteilung (nur HTML und JavaScript) Intelligente Linie teilen (nur HTML und JavaScript)

Umschalt + Eingabetaste
Neue Zeile beginnen Eine neue Zeile beginnen

Strg + Umschalt + U
Groß-/Kleinschreibung für Wort am Caret-Punkt oder ausgewählten Block umschalten

Strg + Umschalt + ]/[
Auswählen bis zum Ende/Anfang des Codeblocks. Bis zum Ende auswählen /Anfang des Codeblocks

Strg + Entf
Löschen bis zum Wortende Text bis zum Ende löschen

Strg + Rücktaste
Löschen bis zum Wortanfang Text am Anfang löschen

Strg + Ziffernblock +/-
Codeblock erweitern/reduzieren Erweitern/reduzieren Codeblock

Strg + Umschalt+ Ziffernblock +
Alle erweitern Alle erweitern

Strg + Umschalt + Ziffernblock-
Reduzieren Alle reduzieren

Strg + F4
Aktive Editor-Registerkarte schließen

Suchen/Ersetzen Verwandte Tastenkombinationen zum Suchen/Ersetzen

Strg + F

Suchen Schnell nach Code in der aktuellen Datei suchen

Strg + Umschalt + F

Im Pfad suchen Den Pfad in der angegebenen Datei suchen

F3

Weiter suchen Nächsten suchen

Umschalt + F3
Vorherigen suchen Vorherigen suchen

Strg + R
Ersetzen Ersetzen Sie den Code in der aktuellen Datei

Strg + Umschalt + R
Ersetzen im Pfad Stapelaustausch von Codes in der angegebenen Datei

Verwendungssuche Suche nach verwandten Tastenkombinationen

Alt + F7/Strg + F7

Verwendungen suchen /Verwendungen in Datei suchen Verwendung finden/Verwendung in Datei suchen

Strg + Umschalt + F7

Hervorragende Verwendungen in der Datei hervorheben

Strg + Alt + F7

Verwendungen anzeigen Verwendungen anzeigen

Wird ausgeführt

Alt + Umschalt + F10

Konfiguration auswählen und ausführen. Architektur auswählen, ausführen.

Alt + Umschalt + F9.

Konfiguration und Debug auswählen. Architektur auswählen und die Schwachstelle beheben.

Umschalt + F10

Kontextkonfiguration über den Editor ausführen. Die Inhaltsarchitektur über den Editor ausführen.

Strg + Umschalt + Schritt in Einzelschrittausführung

Umschalt + F7

Intelligenter Schritt in Smart-Schritt-Ausführung

Umschalt + F8

Aussteigen Herausspringen

Alt + F9

Zum Cursor ausführen Zum Cursor laufen

Alt+F8

Ausdruck auswerten Ausdruck auswerten

F9

Programm fortsetzen Programm neu starten

Strg + F8

Haltepunkt umschalten Haltepunkt wechseln

Strg + Umschalt + F8
Haltepunkte anzeigen Haltepunkte anzeigen

Navigation Verwandte Tastenkombinationen positionieren

Strg + N

Zur Klasse gehen und zur angegebenen springen Klasse

Strg + Umschalt + N

Zu Datei gehen Schnell nach Dateien im Projekt anhand des Dateinamens suchen

Strg + Alt +Umschalt + N

Zum Symbol gehen Funktionsposition nach einem Zeichen suchen

Alt + Rechts/Links

Zur nächsten/vorherigen Editor-Registerkarte gehen. Geben Sie die nächste/vorherige Editor-Option ein.

F12.

Zurück zum vorherigen Tool-Fenster
Umschalt + Esc

Aktives oder letztes aktives Fenster ausblenden Aktives Fenster ausblenden

Strg + Umschalt + F4

Aktiv ausführen /message/find/…tab schließen Aktives….tab schließen

Strg + G

Zur Zeile gehen Zum springen Zeile

Strg + E

Popup „Letzte Dateien“ Popup der zuletzt geöffneten Dateien

Strg + Alt + Links/Rechts

Vorwärts/vorwärts navigieren Vorwärts/zurück navigieren

Strg + Umschalt + Rücktaste
Navigiere zum letzten Bearbeitungsort. Navigiere zum letzten Bearbeitungsort

Alt + F1
Aktuelle Datei oder aktuelles Symbol in einer beliebigen Ansicht auswählen. Finde den Speicherort des aktuell ausgewählten Codes oder der aktuell ausgewählten Datei in anderen Schnittstellenmodulen

Strg + B oder Strg + Klicken
Zur Deklaration wechseln Zur Definition springen

Strg + Alt + B
Zu Implementierung(en) Zur Methodenimplementierung springen

Strg + Umschalt + B
Zur Typdeklaration wechseln Zur Methodendefinition springen

Strg + Umschalt + I
Schnelle Definitionssuche öffnen. Schnelle Definitionssuche öffnen.

Strg + U.
Zu Supermethode/Superklasse springen. Sprungmethode/Superklasse.

Alt + Auf/Ab
Zur vorherigen/nächsten Methode in Schnell bewegen zwischen Methoden

Strg + ]/[
Zum Ende/Anfang des Codeblocks wechseln Zum Ende/Anfang des Codierungsblocks springen

Strg + F12
Dateistruktur-Popup Dateistruktur-Popup

Strg + H
Typhierarchie Typhierarchie

Strg + Alt + H
Anrufhierarchie Anrufhierarchie

F2/Umschalt + F2
Nächster/vorheriger hervorgehobener Fehler Zum nächsten/vorherigen Fehler springen, Fehler oder Warnungen hervorheben, um sie schnell zu finden. Verwenden Sie diese Tastenkombination, um schnell zu suchen. Wechseln Sie zwischen den beleidigende Aussagen.

F4/Strg + Eingabetaste
Quelle bearbeiten/Quelle anzeigen Quellcode bearbeiten/Quellcode anzeigen

Alt + Home
Navigationsleiste anzeigen Navigationsleiste anzeigen

F11
Lesezeichen umschalten Markierung umschalten

Strg + F11
Lesezeichen mit Mnemonik umschalten Speicher zum Wechseln von Markierungen verwenden

Strg + #[0-9]
Zum nummerierten Lesezeichen gehen Zum nummerierten Lesezeichen springen

Umschalt + F11
Lesezeichen anzeigen Lesezeichen anzeigen

Refactoring Refactoring-bezogene Tastenkombinationen

F5
Kopieren

F6
Verschieben Verschieben

Alt + Entf
Sicheres Löschen Sicher löschen

Umschalt + F6
Umbenennen Umbenennen

Strg + Alt + N
Inline-Variable Variable einbetten

Strg + Alt + M
Methode extrahieren (nur Javascript) Funktion extrahieren

Strg + Alt + V
Variable einführen. Variable einführen.

Strg + Alt + F
Alt + BackQuote( )

'VCS'quick Popup Schnelles Popup von VCS

Strg + K

Projekt an VCS übergeben Projekt an VCS senden

Strg + T

Projekt aus VCS aktualisieren Projekt aus VCS aktualisieren

Alt + Umschalt + C

Letzte Änderungen anzeigen Die neuesten Änderungen anzeigen

Allgemein Häufig verwendete verwandte Tastenkombinationen

Strg + Umschalt +A

Aktion suchen Editorfunktionen suchen und aufrufen

Alt + #[0-9]

Entsprechendes Werkzeugfenster öffnen Schnell wechseln zu Öffnen Sie das Schnittstellenmodul

Strg + Alt + F11

Vollbildmodus umschalten Vollbildmodus wechseln

Strg + Umschalt + F12

Maximierungseditor umschalten Maximierungseditor umschalten

Alt + Umschalt + F

Zu Favoriten hinzufügen Aktuelle Datei zu Favoriten hinzufügen

Alt + Umschalt + I

Aktuelle Datei mit aktuellem Profil prüfen Aktuelle Eigenschaften verwenden, um die aktuelle Datei zu prüfen

Strg + BackQuote( )

Aktuelles Schema schnell wechseln Vorhandene Kombinationen schnell konvertieren

Strg + Alt + S

Einstellungsdialog öffnen Öffnen Einstellungsdialog

Strg + Tab

Zwischen Registerkarten und Werkzeugfenster wechseln Zwischen Registerkarten und Werkzeugfenster wechseln (Konflikte mit Windows-Tastenkombinationen)

Verwandte Empfehlungen:

Webstorm-Nutzungsanleitung

Das obige ist der detaillierte Inhalt vonTeilen von Webstorm-Nutzungstipps. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!