Erstellen Sie benutzerdefinierte Code-Snippets in Sublime-sublime-php.cn

Erstellen Sie benutzerdefinierte Code-Snippets in Sublime

藏色散人

Freigeben： 2019-10-09 13:58:51

nach vorne

3063 Leute haben es durchsucht

In sublime-text, wenn der Dateityp HTML ist, bei der Eingabe! oder html:5, und geben Sie dann die Tabulatortaste ein, um das standardmäßige Grundgerüst-Code-Snippet zu generieren. Wir können auch einige unserer häufig verwendeten benutzerdefinierten Codeausschnitte am Grundgerüst ändern. Wenn wir sie nach dem Speichern das nächste Mal verwenden müssen, können wir sie mit den angegebenen Tastenkombinationen schnell generieren.

In der folgenden Spalte werden Ihnen die Schritte zum Erstellen benutzerdefinierter Codeschnipsel in Sublime aus der Spalte Sublime-Einführungs-Tutorial vorgestellt.

Erstellen Sie benutzerdefinierte Code-Snippets in Sublime

1. Erstellen Sie ein Grundgerüst

Erstellen Sie nach dem Öffnen von Sublime eine neue Datei und stellen Sie sicher, dass Sie den Dateityp ändern Die untere rechte Ecke wird vom standardmäßigen Nur-Text in HTML geändert. Verwenden Sie dann ! oder html:5 mit der Tabulatortaste, um schnell das standardmäßige Grundgerüstcodesegment zu generieren.

Erstellen Sie benutzerdefinierte Code-Snippets in Sublime

2. Bearbeiten Sie das benutzerdefinierte Codesegment

Erstellen Sie benutzerdefinierte Code-Snippets in Sublime

Wird in der Eingabefunktion von jquery verwendet Schlüsselwort $: Da $ ein grammatikalisches Schlüsselwort des Codesegments ist, tritt ein Syntaxfehler auf, wenn „$“ direkt im benutzerdefinierten Codesegment verwendet wird, was dazu führt, dass das Codesegment nicht generiert werden kann. Sie können im Code-Snippet optional „$“ anstelle von „$“ verwenden. Wenn Sie später Tastenkombinationen zum Generieren von Codefragmenten verwenden, wird das Escape-Symbol „“ nicht angezeigt.

3. Legen Sie die Parameter fest und speichern Sie das benutzerdefinierte Code-Snippet.

Wählen Sie in der Menüleiste Extras->Entwickler->Neues Snippet aus und klicken Sie darauf. Zu diesem Zeitpunkt wird eine neue Schnittstelle im XML-Format generiert, wie unten gezeigt.

Erstellen Sie benutzerdefinierte Code-Snippets in Sublime

Hello, ${1:this} is a ${2:snippet}.

Nach dem Login kopieren

Dieser Teil dient lediglich dazu, uns aufzufordern, die Syntax der Cursorposition im Codesegment festzulegen und zu steuern. Nachdem Sie dies zur Kenntnis genommen haben, können Sie diese Codezeile löschen und den benutzerdefinierten Codeausschnitt, den wir gerade bearbeitet haben, kopieren und einfügen. (Wie in der Abbildung unten gezeigt, an der Position von Zeile 3 einfügen).

Erstellen Sie benutzerdefinierte Code-Snippets in Sublime

Wir können die Cursor-Lift-Position im generierten Code-Snippet gemäß der zuvor angeforderten Syntax steuern, was für die spätere Bearbeitung bequemer ist.

Wenn wir das ursprüngliche Codesegment wie folgt ändern:

<title>${1:01}-jquery案例-${2:}</title>
<body> ${3:} </body>

Nach dem Login kopieren

bedeutet, dass nach der Erstellung und schnellen Generierung des Codesegments mithilfe von Tastenkombinationen die Markierung zuerst vor 01 erscheint und das Feld 01 zur einfachen Änderung und Bearbeitung ausgewählt wird. Drücken Sie dann erneut die Tabulatortaste und der Cursor wird nach jquery- angezeigt. Hier ist kein Inhalt ausgewählt, was das Einfügen von Inhalten erleichtert. Drücken Sie die Tab-Taste erneut, und der Cursor erscheint im Body-Tag-Paar, was auch zum Einfügen von Inhalten praktisch ist.

Kommentieren Sie dann

Das obige ist der detaillierte Inhalt vonErstellen Sie benutzerdefinierte Code-Snippets in Sublime. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!