Webstorm-Installation und kurze Einführung

In diesem Artikel werden hauptsächlich Webstorm-Downloads, Installation, Tastenkombinationen und einfache Verwendungsfähigkeiten vorgestellt.

WebStorm-Download-Adresse:

Link: //m.sbmmt.com/xiazai/gongju/506

Installationsschritte
1. Öffnen Sie das dmg-Bild und ziehen Sie „WebStorm.app“ in die Anwendung;
Öffnen Sie WebStorm zum Aktivieren Öffnen Sie die Seite und beenden Sie dann WebStorm. Dieser Schritt ist sehr wichtig. Im Internet gibt es keine klaren Anweisungen, was zu einem Fehler beim Öffnen von WebStorm führt, nachdem die folgenden Schritte ausgeführt wurden.
3. Kopieren Sie „JetbrainsCrack.jar“ in die Anwendung – klicken Sie mit der rechten Maustaste auf „WebStorm.app“, um den Paketinhalt anzuzeigen – Inhalt – bin; 4. Öffnen Sie die Anwendung mit einem Texteditor – klicken Sie mit der rechten Maustaste auf „ WebStorm.app“ Paketinhalt anzeigen-Contents-bin-webstorm.vmoptions, in der letzten Zeile „-javaagent:JetbrainsCrack.jar“ hinzufügen;
5. „WebStorm.app“ öffnen, „Aktivierungscode“ auswählen, öffnen „ SN.txt“, Geben Sie die Seriennummer im Feld „‘{}“ in das Registrierungsfeld ein. Diese SN-Datei befindet sich in der DMG, die Sie heruntergeladen haben;

Webstorm-Setup-Tipps

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

Datei -> Editor -> Schema-Download-Adresse

So starten Sie Webstorm. Öffnen Sie die Projektdatei nicht:

Datei -> Einstellungen->Allgemein und entfernen Sie das letzte Projekt beim Start erneut.

So zeigen Sie Chinesisch perfekt an:

Datei -> ; Einstellungen->Darstellung und Überprüfung Standardschriftarten überschreiben durch (nicht empfohlen), Name festlegen: NSimSun, Größe: 12

So zeigen Sie Zeilennummern an:

Datei ->Editor, Aktivieren Sie „Zeilennummern anzeigen“. Die Zeilennummer wird angezeigt.

So brechen Sie den Code automatisch ab:

Datei -> Code wird automatisch umbrochen

So klicken Sie: Der Cursor wird am Ende der Zeile angezeigt:

Datei ->Einstellungen->Editor Deaktivieren Sie einfach „Platzierung von Einfügemarke nach Zeilenende zulassen“.

So ändern Sie die Tastenkombinationen:

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

Wechseln Sie zu Ihren eigenen. Mit den Tastenkombinationen des Editors vertraut:

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

Tipps zur Javascript-Bibliothek.

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

Entwickeln von js Sie benötigen Strg + Return, um die Kandidatenoption auszuwählen:

Datei -> Editor -> Eingabeaufforderung ist relativ langsam
Datei -> Code-Vervollständigung -> Wenn Sie Git nicht haben, brauchen Sie es nicht.

Plugin-Installation:
Datei ->Plugins, dann wählen Sie die leistungsstarken Plug-Ins und installieren („css-X-fire“-Plugin, das bei Verwendung von Firebug zum Ändern von CSS-Eigenschaften verwendet wird. Der CSS-Code im Editor ändert sich ebenfalls.)

Webstorm-Nutzungserfahrung

Favoritenfunktion: Wenn das Projektverzeichnis sehr groß ist, werden häufig einige Unterverzeichnisse geöffnet, die Ebene ist jedoch sehr tief. Zu diesem Zeitpunkt können Sie das Verzeichnis zu den Favoriten hinzufügen. Nach erfolgreicher Hinzufügung erscheint auf der linken Seite ein „Favoriten“-Menü Breadcrumb-Navigation: Zusätzlich zur Projektseite auf der linken Seite, auf der Sie ein Verzeichnis auswählen können, gibt es ein Verzeichnis Ähnlich der Breadcrumb-Navigation der Website im oberen Menü, die ebenfalls die gleiche Funktion erreichen kann. Wenn Sie auf jedes Verzeichnis klicken, wird ein Dropdown-Menü angezeigt, in dem die Unterverzeichnisse darunter angezeigt werden. Dies ist sehr praktisch.

Konstruktoroberfläche:
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 Codeoberfläche:
Rechtsklick auf die Datei auf der Coderegisterkarte und dann mit der rechten Maustaste vertikal (linker und rechter Bildschirm) oder horizontal (oberer und unterer Bildschirm)

Lokale Verlaufsfunktion:

Eine gute Möglichkeit, den Code abzurufen

Anleitung für Webstorm-Tastenkombinationen

Bearbeiten verwandter Tastenkombinationen

Strg + Leertaste：

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

Strg + Umschalt + Eingabetaste:

Anweisung abschließen, 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 an der Einfügemarke anzeigen. Den Fehler oder die Warnung an der Cursorposition 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 Überladene Methoden

Strg + I

Methoden implementieren Implementierungsmethoden

Strg + Alt + T

Umgeben mit… (wenn, sonst, Try, Catch, For usw.) Umgeben von * Ausgewählte Codezeile (* einschließlich if, while, Try Catch usw.)

Strg + /

Kommentieren/Entkommentieren mit Zeilenkommentar Zeilenkommentar/ Zeile auskommentieren

Strg + Umschalt + /

Kommentieren/Kommentieren mit Blockkommentar aufheben Blockkommentar/Blockkommentar auskommentieren

Strg + W

Sukzessive aufsteigende Codeblöcke auswählen Wählen Sie normalerweise Codeblöcke aus Inkrementelle Auswahl

Strg + Umschalt + W

Aktuelle Auswahl auf vorherigen Status verkleinern. Zur vorherigen Tastenkombination zurückkehren, Auswahlcode verringern

Alt + Q

Kontextinformationen Kontextinformationen

Alt + Eingabetaste

Absichtliche Aktionen und schnelle Lösungen anzeigen Absichtliche Aktionen, schnelle Ergebnisse

Strg + Alt + L

Code neu formatieren Formatieren Sie den Code gemäß dem Vorlagenformat

Tab/Umschalt + Tab

Ausgewählte Zeilen einrücken/aufheben. Einzug ausgewählter Zeilen einrücken/rückgängig machen

Strg + X oder Umschalt + Entf

Aktuelle Zeile oder ausgewählten Block in die Zwischenablage ausschneiden. Aktuelle Zeile ausschneiden oder ausgewählter Block in die Zwischenablage Codeblock in die Zwischenablage

Strg + C oder Strg + Einfügen

Aktuelle Zeile oder ausgewählten Block in die Spanplatte kopieren Aktuelle Zeile oder ausgewählten Block in die Spanplatte kopieren

Strg + V oder Umschalt + Einfügen

Aus Zwischenablage einfügen Fügt den Inhalt in die Zwischenablage ein

Strg + Umschalt + V

Aus letzten Puffern einfügen Fügt den neuesten Inhalt in den Puffer ein

Strg + D

Aktuelle Zeile oder ausgewählten Block duplizieren. Aktuelle Zeile oder ausgewählten Block duplizieren.

Strg + Y

Zeile an der Einfügemarke löschen. Zeile an der Cursorposition löschen.

Strg + Umschalt + J

Intelligente Zeilen verbinden (nur HTML und JavaScript) Intelligente Zeilen verbinden (HTML und JavaScript)

Strg + Eingabetaste

Intelligente Zeilen teilen (nur HTML und JavaScript) Intelligente Zeilen trennen (HTML und JavaScript)

Umschalttaste + Eingabetaste

Neue Zeile beginnen

Strg + Umschalttaste + U

Groß-/Kleinschreibung für Wort am Caretzeichen oder ausgewählten Block umschalten. Groß-/Kleinschreibung an der Cursorposition umschalten

Strg + Umschalt + ]/[

Auswählen bis zum Ende/Anfang des Codeblocks. Auswählen bis zum Ende/Anfang des Codeblocks

Strg + Entf

Löschen bis zum Ende des Wortes. Löschen des Textendes

Strg + Rücktaste

Am Wortanfang löschen Textanfang löschen

Strg + Ziffernblock+/-

Codeblock erweitern/reduzieren Codeblock erweitern/reduzieren

Strg + Umschalt+ Ziffernblock+

Erweitern alle Alles erweitern

Strg + Umschalt + NumPad-

Reduzieren Alle reduzieren

Strg + F4

Aktive Editor-Registerkarte schließen Aktive Editor-Registerkarte schließen

Suchen /replaceSearch/ Zugehörige Tastenkombinationen ersetzen

Strg + F

Suchen Schnell nach Code in der aktuellen Datei suchen

Strg + Umschalt + F

Im Pfad suchen Den Pfad in der angegebenen Datei finden

F3

Weiteres suchen Nächstes finden

Umschalt + F3

Vorheriges suchen Vorheriges finden

Strg + R

Ersetzen Ersetzen Sie den Code in die aktuelle Datei

Strg + Umschalt + R

Im Pfad ersetzen Stapelersetzung von Codes in angegebenen Dateien

Verwendung Suchbezogene Tastenkombinationen

Alt + F7/Strg + F7

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

Strg + Umschalt + F7

Verwendungen in Datei hervorheben

Strg + Alt + F7

Verwendungen anzeigen Verwendung anzeigen

Wird ausgeführt

Alt + Umschalt + F10

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

Alt + Umschalt + F9

Konfiguration auswählen und Debug Wählen Sie die Architektur aus und beheben Sie die Schwachstelle

Umschalt + F10

Ausführen Ausführen

Umschalt + F9

Debuggen Beheben Sie die Schwachstelle

Strg + Umschalt + F10

Kontextkonfiguration vom Editor ausführen Kontextkonfiguration vom Editor ausführen

Strg + Umschalt + X

Befehlszeile ausführen Befehlszeile ausführen

Debugging Debugging-bezogene Tastenkombinationen

F8
Schritt über, ohne die Funktion einzugeben

F7
Schritt zur Einzelschrittausführung

Umschalt + F7
Smarter Einstieg Smarter Einstieg

Umschalt + F8
Aussteigen Ausspringen

Alt + F9
Zum Cursor laufen 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

Navigationspositionierungsbezogene Tastenkombinationen

Strg + N
Zur Klasse gehen, zur angegebenen Klasse springen

Strg + Umschalt + N
zur Datei gehen Dateien im Projekt schnell anhand des Dateinamens finden

Strg + Alt +Umschalt + N
Zum Symbol gehen Funktionsort nach einem Zeichen suchen

Alt + Rechts/Links
Gehe zur nächsten/vorherigen Editor-Registerkarte. Gehe zur nächsten/vorherigen Editor-Option.

F12
Gehe zurück zum vorherigen Werkzeugfenster. Gehe zurück zum vorherigen Werkzeugfenster.

Esc
Zum Editor gehen (aus dem Toolfenster) Den Editor aus dem Toolfenster aufrufen

Umschalt + Esc
Aktives oder letztes aktives Fenster ausblenden Aktives Fenster ausblenden

Strg + Umschalt + F4
Aktives Ausführen/Nachricht/Suchen/…-Tab schließen Aktivität schließen….Tab

Strg + G
Gehe zur Zeile Zur Zeile springen

Strg + E
Popup „Zuletzt verwendete Dateien“ Popup Zuletzt geöffnete Dateien aufrufen

Strg + Alt + Links/Rechts
Zurück/vorwärts navigieren Vorwärts/zurück navigieren

Strg + Umschalt + Rücktaste
Zur letzten Bearbeitungsposition navigieren Zu „Letzte“ wechseln Positionierungsnavigation bearbeiten

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

Strg + B oder Strg + Klicken
Gehe zur Deklaration. Springe zur Definition.

Strg + Alt + B
Gehe zu Implementierung(en). Springe zur Methodenimplementierung.

Strg + Umschalt + B
Los zur Typdeklaration. Zur Methodendefinition springen

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

Strg + U
Gehe zur Supermethode/Superklasse Methode/Superklasse springen

Alt + Auf/Ab
Zur vorherigen/nächsten Methode gehen. Position schnell zwischen Methoden verschieben

Strg + ]/[
Zum Ende des Codeblocks bewegen/ Start Sprung zum Ende/Anfang des Codierungsblocks

Strg + F12
Dateistruktur-Popup Dateistruktur-Popup

Strg + H
Typhierarchie Typhierarchie

Strg + Alt + H
Aufrufhierarchie Aufrufhierarchie

F2/Umschalt + F2
Nächster/vorheriger hervorgehobener Fehler Zum nächsten/vorherigen Fehler springen, Fehler oder Warnungen schnell hervorheben Positionierung, verwenden Sie diese Tastenkombination Schlüssel zum schnellen Wechseln zwischen fehlerhaften Aussagen.

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

Alt + Home
Navigationsleiste anzeigen Navigationsleiste anzeigen

F11
Lesezeichen umschalten Markierung wechseln

Strg + F11
Lesezeichen mit Mnemonik umschalten Speicher zum Wechseln der Markierung verwenden

Strg + #[0-9]
Gehe zum nummerierten Lesezeichen Springen Gehe zu nummeriertem Markup

Umschalt + F11
Lesezeichen anzeigen Lesezeichen anzeigen

Refactoring Refactoring-bezogene Tastenkombinationen

F5
Kopie kopieren

F6
Verschieben Verschieben

Alt + Entf
Sicheres Löschen Sicheres Löschen

Umschalt + F6
Umbenennen Umbenennen

Strg + Alt + N
Inline-Variable eingebettete Variable

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

Strg + Alt + V
Variable einführen, eingeführte Variable

Strg + Alt + F
Introduce Field führt das Feld ein

Strg + Alt + C
Introduce Constant führt Konstanten ein

VCS/Local History-Versionskontrollsystem/Local History-bezogene Tastenkombinationen

Alt + BackQuote( )
'VCS'quick popup VCS schnell aufrufen

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 finden Funktion des Editors suchen und aufrufen

Alt + #[0-9]
Entsprechendes Werkzeugfenster öffnen Schnell wechseln, um das Schnittstellenmodul zu öffnen

Strg + Alt + F11
Vollbildmodus umschalten Vollbildmodus wechseln

Strg + Umschalt + F12
Maximierungseditor umschalten Maximierungseditor umschalten

Alt + Umschalt + F
Zu Favoriten hinzufügen Die aktuelle Datei zu den Favoriten hinzufügen

Alt + Umschalt + I
Aktuelle Datei mit aktuellem Profil prüfen Verwenden Sie das aktuelle Profil, um die aktuelle Datei zu prüfen

Strg + ZurückZitat( )
Aktuelles Schema schnell wechseln. Vorhandene Kombinationen schnell wechseln

Strg + Alt + S
Einstellungsdialog öffnen Einstellungsdialogfeld öffnen

Strg + Tab
Zwischen Registerkarten und Werkzeug wechseln Fensterkonvertierung von Beschriftungen und Werkzeugfenstern (Konflikte mit Windows-Tastenkombinationen)

Verwandte Empfehlungen:

So verwenden Sie Babel in WebStorm ES6

So verwenden Sie Babel in Webstorm, um ES6 in ES5 zu konvertieren

Häufig verwendet WebStorm-Tastenkombinationen

Das obige ist der detaillierte Inhalt vonWebstorm-Installation und kurze Einführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!