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!
