Ist es möglich, benutzerdefinierte Codefragmente in Visual Studio Code hinzuzufügen? Und wenn ja, wie? VSCode basiert auf Atom, daher sollte es möglich sein.
code-snippets
visual-studio-code
BeastCode
quelle
quelle
Antworten:
Nehmen wir an, wir möchten benutzerdefinierte Snippets für die Sprache GO öffnen. Dann können wir tun:
Aktualisieren Sie neue Tools:
Snippet-Generator-Site: https://snippet-generator.app/
quelle
Schritt - 1 Es gibt ein VsCode-Plugin namens: Snippet Creator .
Nach der Installation müssen Sie lediglich Folgendes tun:
Schritt - 2 Überprüfen Sie diese Website . Sie können Snippets für vs Code, erhabenen Text und Atom generieren.
Sobald ein Snippet auf dieser Site generiert wurde. Gehen Sie zur Snippet-Datei der jeweiligen IDE und fügen Sie diese ein. Zum Beispiel für ein JS-Snippet im VS-Code gehen Sie zu Datei-> Voreinstellung-> Benutzer-Snippet, dann öffnet es die Datei javascript.json und fügt den Snippet-Code von der obigen Site in diese ein, und wir können loslegen.
quelle
Ab Version 0.10.6 können Sie benutzerdefinierte Snippets hinzufügen. Lesen Sie die Dokumentation zum Erstellen eigener Snippets . Sie können benutzerdefinierte Snippets finden / erstellen, indem Sie die JSON-Datei in platzieren
C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets
. Ein benutzerdefiniertes Javascript-Snippet befindet sich beispielsweise in a\snippets\javascript.json
Sie können auch Ihre Snippets veröffentlichen, was ebenfalls eine sehr nette Funktion ist. John Papa hat ein schönes eckiges + Typoskript-Snippet erstellt, das Sie als Erweiterung auf dem Markt herunterladen können .
Hier ist ein Beispielausschnitt für die Dokumentation einer Javascript for-Schleife:
Wo
For Loop
ist der Snippet-Nameprefix
Definiert ein Präfix, das in der IntelliSense-Dropdown-Liste verwendet wird. In diesem Fall für.body
ist der Snippet-Inhalt. Mögliche Variablen sind:description
ist die Beschreibung, die in der Dropdown-Liste IntelliSense verwendet wirdquelle
In diesem Video finden Sie ein kurzes Tutorial
https://youtu.be/g1ouTcFxQSU
Gehen Sie zu Datei -> Einstellungen -> Benutzerausschnitte . Wählen Sie Ihre bevorzugte Sprache.
Geben Sie nun den folgenden Code ein, um ein for-Loop-Snippet zu erstellen:
Du bist fertig.
Geben Sie "for" in den Editor ein und verwenden Sie die erste Vorhersage.
ABKÜRZUNG--
Snippet-Namen ein, geben Sie die Snippet-Verknüpfung ein und geben Sie dann die Snippet-Beschreibung ein.
Sie können jetzt loslegen.
Geben Sie die Snippet-Verknüpfung in den Editor ein, den Sie in Schritt 4 eingegeben haben, und wählen Sie die
Vorhersage aus (wenn keine Vorhersage vorliegt, drücken Sie Strg + Leertaste), die zuerst eintritt.
Hoffe das hilft :)
Hinweis: Gehen Sie zu Datei-> Einstellungen-> Benutzerausschnitte. Wählen Sie dann die Sprache aus, in der Sie
das Snippet erstellt haben. Dort finden Sie den Ausschnitt.
quelle
Es gibt ein VsCode-Plugin namens: Snippet Creator .
Nach der Installation müssen Sie lediglich Folgendes tun:
Das ist alles ..
Hinweis: Wenn Sie Ihre Snippets bearbeiten möchten, finden Sie sie in [fileType] .json.
Beispiel: Ctrl+ P, wählen Sie "javascript.json".
quelle
Sie können benutzerdefinierte Skripte hinzufügen, gehen Sie zu
File --> Preferences --> User Snippets
. Wählen Sie Ihre bevorzugte Sprache.Wenn Sie Javascript wählen, sehen Sie das benutzerdefinierte Standardskript für
console.log(' ');
Folgendes:quelle
Ich habe versucht, Snippets in javascriptreact.json hinzuzufügen, aber es hat bei mir nicht funktioniert.
Ich habe versucht, Snippets in den globalen Bereich aufzunehmen, und es funktioniert wie ein Zauber.
hier auswählen
New Global Snippets File
, Name javas gebencriptreact.code-snippets
.Für andere Sprachen können Sie [your_longuage] .code-snippets benennen
quelle
Dies ist eine undokumentierte Funktion, die jedoch in Kürze verfügbar sein wird. Es gibt einen Ordner, zu dem Sie sie hinzufügen können, und sie werden angezeigt, aber er kann sich ändern (aus einem bestimmten Grund nicht dokumentiert).
Der beste Rat ist, dies zur Uservoice-Site hinzuzufügen und bis zum endgültigen Ende zu warten. Aber es kommt.
quelle
VSCode führt dies in Version 0.5 ein, siehe hier . Die Snippet-Syntax folgt der TextMate-Snippet-Syntax und kann in den Benutzereinstellungen geschrieben werden.
quelle
Wenn Sie Ihre Snippets lieber nicht in JSON schreiben möchten , lesen Sie Snipster . Sie können Snippets so schreiben, als würden Sie den Code selbst schreiben - ohne jede Zeile in Anführungszeichen setzen, Zeichen maskieren, Metainformationen hinzufügen usw.
Sie können damit auch einmal schreiben und überall veröffentlichen . So können Sie Ihr Snippet in VS Code, Atom und Sublime sowie in Zukunft in weiteren Editoren verwenden. Mehr Infos hier .
quelle
Dies ist möglicherweise keine echte Antwort (wie einige oben geantwortet haben). Wenn Sie jedoch daran interessiert sind, benutzerdefinierte Codefragmente für andere Personen zu erstellen, können Sie Erweiterungen mit yeoman und npm erstellen (die standardmäßig mit NodeJS geliefert werden). HINWEIS: Dies dient nur zum Erstellen von Snippets für andere Systeme. Aber es funktioniert auch bei Ihnen! Außer du brauchst JS-Code für die ganze Sache.
quelle