it-swarm.com.de

So bearbeiten Sie vorhandene VS-Code-Snippets

Gibt es eine Möglichkeit, einige der Standardcodeausschnitte in Visual Studio CODE zu entfernen oder zu bearbeiten?

Wenn ich beispielsweise req + TAB eingebe, brauche ich require nicht requestAnimationFrame

13
Nikola Hristov

Das Vorschlagselement requestAnimationFrame stammt vom JavaScript-Sprachdienst. Es kommt nicht aus den Schnipseln.

Sie können jedoch Ihre eigenen Ausschnitte definieren und Visual Studio Code anweisen, die Ausschnitte zuerst anzuzeigen. Wie es geht:

  1. Gehen Sie zu File -> Preferences -> User Snippets und wählen Sie JavaScript, um Ausschnitte für diese Sprache zu bearbeiten
  2. Fügen Sie diesen Eintrag zur geöffneten Datei javascript.json hinzu und speichern Sie ihn

    "require": {
        "prefix": "req",
        "body": [
            "require"
        ],
        "description": "Add 'require'"
    }
    
  3. Fügen Sie Ihrem bevorzugten settings.json (Benutzer- oder Arbeitsbereichseinstellungen) die folgende Zeile hinzu und speichern Sie sie

    "editor.snippetSuggestions": "top" 
    

Nun erhalten Sie an erster Stelle Ihren selbst definierten require-Vorschlag, sobald Sie req in eine .js-Datei eingeben. 

17
Wosi

Die Erweiterungs-Snippets befinden sich in jedem der folgenden Snippet-Verzeichnisse:
(wenn die Erweiterung Schnipsel enthält)

Mac/Linux: $HOME/.vscode/extensions/
Windows: %USERPROFILE%\.vscode\extensions/
 

Wählen Sie die Erweiterung aus, die Sie ändern möchten, und tauchen Sie in das Verzeichnis javascript.json im Verzeichnis snippets / ein. Ändern Sie dann die gewünschten Einstellungen.

Denken Sie nur daran, dass, wenn/Sie sich entscheiden, eines Tages update die Erweiterung zu laden, alle Ihre persönlichen Änderungen überschrieben/mit der aktualisierten Version der Datei ersetzt werden. (Sofern Sie nicht natürlich verschwinden) Ihre Änderungen außerhalb des Verzeichnisses der Erweiterung ...)

Bearbeiten/Beiseite: Bei genauer Betrachtung aller bereits in diesem Verzeichnis vorhandenen kopierten Editionen scheint es, als würden zumindest einige Erweiterungsaktualisierungen die vorherige Version beibehalten. Wenn dies der Fall ist, wenn Sie bei der Veröffentlichung einer neuen Version eine Erweiterung Aktualisierung machen, müssen Sie sich keine Sorgen machen, eine Kopie Ihrer geänderten Datei an einem anderen Ort zu speichern. Das Zurücksetzen einer Datei in den aktiven Dienst ist möglicherweise so einfach wie das Kopieren und Einfügen aus dem alten in das entsprechende, neuere, höher nummerierte Verzeichnis.

Ressourcen/Zitate/Anerkennungen:
Danke an here , dass Sie mir beim ersten Hinweis auf das entsprechende Verzeichnis geholfen haben.

8
leerssej

Bei meiner Windows-Installation befinden sich die standardmäßigen/integrierten JavaScript-Snippets in 

C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json

Ich habe dieses Snippet in "Logx" umbenannt (erfordert Administratorrechte zum Ändern der Datei) und habe vsCode neu gestartet. Jetzt habe ich nur noch mein Benutzer-Log-Snippet. 

Es gibt einige Threads dazu auf dem Issue Tracker - 

2
Brian Burns

Auf meinem Windows 10-Computer finden Sie das Protokoll und andere Standard-JavaScript-Snippets in:

C:\Users\$USER\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json

1
Filip Van Genck

Ich fand meine bei ~/.config/Code/User/snippets

Wenn Sie ein globales Snippet erstellen möchten, erstellen Sie eine Datei mit dem Namen snippet_name.code-snippets

Wenn Sie ein sprachspezifisches Snippet möchten, erstellen Sie es wie php.json