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“.
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.
Datei ->Einstellungen->Keymap, unterstützt Mainstream-IDEs wie Visual Studio, Eclipse und NetBeans.
Datei -> Einstellungen -> Bibliotheken -> Wählen Sie dann die Javascript-Klassenbibliothek aus, die Sie häufig verwenden.
Datei –> Editor –> -> Ändern Sie 1000 in
Datei -> Editor -> Wenn Sie kein Github-Konto haben brauche es.
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.)
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.
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.
Fügen Sie ToDo-Kommentare zum Code hinzu und diese Schnittstelle wird angezeigt.
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)
Eine gute Möglichkeit, Code abzurufen
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 + SStrg + Umschalt + Eingabetaste:Vollständige Anweisung um die aktuelle Anweisung zu vervollständigen
Parameterinformationen (innerhalb von Methodenaufrufargumenten) Parameterinformationen umfassen Methodenaufrufparameter
Kurzinfo, einfache Informationen
Beschreibung des Fehlers oder der Warnung anzeigen am Einfügepunkt Beschreibung des Fehlers oder der Warnung am Einfügepunkt anzeigen
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
Methoden überschreiben Methoden überladen
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
Suchen Schnell nach Code in der aktuellen Datei suchen
Im Pfad suchen Den Pfad in der angegebenen Datei suchen
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
Verwendungen suchen /Verwendungen in Datei suchen Verwendung finden/Verwendung in Datei suchen
Hervorragende Verwendungen in der Datei hervorheben
Verwendungen anzeigen Verwendungen anzeigen
Wird ausgeführt
Konfiguration auswählen und ausführen. Architektur auswählen, ausführen.
Konfiguration und Debug auswählen. Architektur auswählen und die Schwachstelle beheben.
Kontextkonfiguration über den Editor ausführen. Die Inhaltsarchitektur über den Editor ausführen.
Strg + Umschalt + Schritt in Einzelschrittausführung
Intelligenter Schritt in Smart-Schritt-Ausführung
Aussteigen Herausspringen
Zum Cursor ausführen Zum Cursor laufen
Ausdruck auswerten Ausdruck auswerten
Programm fortsetzen Programm neu starten
Haltepunkt umschalten Haltepunkt wechseln
Strg + Umschalt + F8
Haltepunkte anzeigen Haltepunkte anzeigen
Navigation Verwandte Tastenkombinationen positionieren
Zur Klasse gehen und zur angegebenen springen Klasse
Zu Datei gehen Schnell nach Dateien im Projekt anhand des Dateinamens suchen
Zum Symbol gehen Funktionsposition nach einem Zeichen suchen
Zur nächsten/vorherigen Editor-Registerkarte gehen. Geben Sie die nächste/vorherige Editor-Option ein.
Zurück zum vorherigen Tool-Fenster
Umschalt + Esc
Strg + Umschalt + F4
Strg + G
Popup „Letzte Dateien“ Popup der zuletzt geöffneten Dateien
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( )
Strg + K
Projekt aus VCS aktualisieren Projekt aus VCS aktualisieren
Letzte Änderungen anzeigen Die neuesten Änderungen anzeigen
Strg + Umschalt +A
Alt + #[0-9]
Vollbildmodus umschalten Vollbildmodus wechseln
Maximierungseditor umschalten Maximierungseditor umschalten
Zu Favoriten hinzufügen Aktuelle Datei zu Favoriten hinzufügen
Aktuelle Datei mit aktuellem Profil prüfen Aktuelle Eigenschaften verwenden, um die aktuelle Datei zu prüfen
Aktuelles Schema schnell wechseln Vorhandene Kombinationen schnell konvertieren
Einstellungsdialog öffnen Öffnen Einstellungsdialog
Zwischen Registerkarten und Werkzeugfenster wechseln Zwischen Registerkarten und Werkzeugfenster wechseln (Konflikte mit Windows-Tastenkombinationen)
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!
So vergrößern Sie den Webstorm
So beheben Sie einen Webstorm-Absturz
Warum Webstorm die Datei nicht ausführen kann
Webstorm passt die Schriftgröße an
So erstellen Sie HTML mit Webstorm
So erstellen Sie einen neuen Ordner in Webstorm
Webstorm-Startprojektmethode
Webstorm wurde auf chinesische Version geändert
