Heim  >  Artikel  >  Entwicklungswerkzeuge  >  Erfahren Sie, wie Sie Ihre eigenen Code-Snippets in Sublime3 einrichten

Erfahren Sie, wie Sie Ihre eigenen Code-Snippets in Sublime3 einrichten

藏色散人
藏色散人nach vorne
2021-11-02 16:36:583770Durchsuche

Die folgende Tutorial-Kolumne von sublime zeigt Ihnen, wie Sie Ihre eigenen Code-Snippets in Sublime3 einrichten. Ich hoffe, dass es für Freunde in Not hilfreich ist!

Legen Sie Ihre eigenen Codeausschnitte in Sublime Text 3 fest.

Beim Schreiben von Code schreiben Sie häufig den Autor, die Erstellungszeit usw. in die Kommentare. Dies kann als Hinterlassen Ihrer eigenen Spuren angesehen werden. Heute werde ich Ihnen beibringen, wie Erstellen Sie Ihre eigenen kommentierten Codeausschnitte.

Sublime Snippets (Code-Snippets)

Sublime Text 3 Snippets ist eine wichtige Funktion, die Sie benötigen, wenn Sie wiederholt denselben Text- und Codeausschnitt eingeben müssen.

Snippets können im Ordner jedes Pakets gespeichert werden, der Einfachheit halber wird jedoch empfohlen, sie zuerst im Verzeichnis „Packages/User“ zu speichern.

Das Dateiformat von Snippets ist normalerweise .sublime-snippet wie folgt

<snippet>
    <content><![CDATA[Type your snippet here]]></content>
    <!-- Optional: Tab trigger to activate the snippet -->
    <tabTrigger>xyzzy</tabTrigger>
    <!-- Optional: Scope the tab trigger will be active in -->
    <scope>source.python</scope>
    <!-- Optional: Description to show in the menu -->
    <description>My Fancy Snippet</description>
</snippet>

Wir brauchen nur Durch Ersetzen des Inhalts in CDATA durch Ihren eigenen können Sie die einfachsten Snippets schreiben.

Erstellen Sie Ihre eigenen Snippets

Als Nächstes verwenden wir unsere eigenen Codekommentare als Beispiel, um ein Snippet zu schreiben.

Wählen Sie zunächst Extras | Inhalt, und die Bereichsdarstellung wird wirksam. Im Inhalt ist ${} der Inhalt, der nach Abschluss der Eingabe mit der Tabulatortaste ausgewählt werden kann, ${1:} ist der Inhalt, der direkt nach Abschluss der Eingabe ausgewählt wird, ${ 2:} ist der Inhalt, der durch einmaliges Drücken der Tabulatortaste usw. ausgewählt wird.

Dann speichern Sie es als comment.sublime-snippet, geben Sie dann „comm“ in eine js-Datei ein, drücken Sie die Tabulatortaste und Ihr Snippet wird angezeigt.

Das Zeiteingabe-Plugin

Snippet wird generiert, aber die Zeit ist noch nicht festgelegt, wählen Sie Extras | Neues Plugin... aus Den folgenden Inhalt speichern:

<snippet>
  <content><![CDATA[
/*
* @author:  ManiaU
* @createTime:  ${1:time}
* @description:  ${2:description}
*/
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>comm</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.js</scope>
</snippet>

Insert_datetime.py, und dann

import sublime, sublime_plugin
from time import localtime, strftime
class InsertDatetimeCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        sel = self.view.sel();
        for s in sel:
            self.view.replace(edit, s, strftime("%Y-%m-%d, %H:%M:%S GMT%z", localtime()))

unter „Einstellungen“ hinzufügen. Das bedeutet, dass Sie die Uhrzeit durch Drücken von ⌘+Strg+T einfügen können. Wenn Sie Zeit und Beschreibung hinzufügen, können Sie bequem Ihre eigenen Anmerkungen erstellen, wie unten gezeigt

{
  "keys": ["super+ctrl+t"],
  "command": "insert_datetime"
}

Postscript

Natürlich sind Snippets noch nützlicher. Sie können verschiedene Snippets in Ihrer Umgebung konfigurieren, was die Arbeitseffizienz erheblich verbessern kann . Lasst uns gemeinsam erkunden.

Das obige ist der detaillierte Inhalt vonErfahren Sie, wie Sie Ihre eigenen Code-Snippets in Sublime3 einrichten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.im. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen