Ein Texteditor ist eines der wesentlichen Werkzeuge für die Programmierung.
Bei der Suche nach empfohlenen Plug-Ins und Verknüpfungen im Texteditor, um das Codieren zu vereinfachen, wird häufig das unbekannte Wort "Snippet" angezeigt.
Dieses Mal habe ich, ein Anfänger in der Programmierung, dieses "Snippet" untersucht und zusammengefasst.
Da es von Anfängern bis zuletzt untersucht wurde, kann es aus Sicht der Mittelstufe und darüber ein Missverständnis sein, aber ich wäre dankbar, wenn jemand, der es bemerkt hat, darauf hinweisen könnte.
Wenn Sie häufig einen PC verwenden, haben Sie die Wortwörterbuch-Registrierungsfunktion verwendet, nicht wahr?
Wenn Sie sich im Voraus registrieren, damit Sie bei Eingabe von "A" "Danke" erhalten.
Wenn Sie "A" eingeben und die Tabulatortaste drücken, können Sie "Danke" sagen.
Snippet ist eine programmierte Version dieser Wörterbuchregistrierungsfunktion.
Snippet bedeutet "Fragment", und bei der Programmierung soll es sich auf einen Teil des Quellcodes oder Textes beziehen.
Das Folgende ist eine Registrierung von Snippets, die in der Template-Engine "html.erb" verwendet werden, die in Ruby on Rails verwendet wird, einem Ruby-Framework.
erb.json
{
"embedded Ruby": {
"prefix": "erb",
"body": [
"<% $1 %>"
]
}
}
Wörter im Code | Bedeutung |
---|---|
embedded Ruby | Snippet-Titel |
prefix | Kurzwort |
body | Code, der konvertiert wird, wenn Sie eine Abkürzung eingeben und die Tabulatortaste drücken |
Wenn Sie sich so registrieren, können Sie unnötige Tasteneingaben reduzieren, Fehler reduzieren und die Codierungszeit verkürzen. Daher möchte ich die Snippets aktiv erhöhen!
Ich werde Ihnen sagen, wie Sie das obige html.erb-Snippet mit dem Texteditor "Visual Studio Code" registrieren, den ich derzeit verwende.
Die PC-Umgebung ist übrigens Mac.
Öffnen Sie Visual Studio Code und klicken Sie oben links auf "Code" -> "Einstellungen" -> "Benutzerausschnitte".
Klicken Sie auf "erb".
So öffnet erb.json. Wenn Sie ein Snippet wie oben beschrieben registrieren, können Sie einfach lange Codes eingeben, indem Sie einfach die Abkürzung eingeben.
[Registrieren Sie ein Code-Snippet in VSCode und codieren Sie effizient! ](Https://haniwaman.com/vscode-snipet/#:~:text=VSCode%E3%81%A7%E3%81%AF%E5%90%84%E6%8B%A1%E5%BC% B5% E5% AD% 90,% E3% 81% 84% E3% 81% 8F% E3% 81% A4% E3% 81% 8B% E3% 81% 82% E3% 82% 8B% E3% 81% AF % E3% 81% 9A% E3% 81% A7% E3% 81% 99% E3% 80% 82)
Recommended Posts