VS Code Link einfügen?
Hi habe eine frage zur "formatierung" von einem eingefügten Googlefont link.
Schaue grade ein Video und
So sollte es aussehen:
Aber bei mir sieht es leider nach str+v so aus:
Leider wird in dem Video nicht erklärt wie genau das gemacht wird.
Würde mich deshalb wenn jemand mit mehr Ahnung mir den Schritt erläutern könnte. Denke mal das es für jemand erfahreneren, ein Kinderspiel ist
Freue mich auch über Tipps zum lernen (HTML, CSS, JavaScript, VSCode, etc.)
Vielen lieben Dank!
Ich glaube im Video ist es nur eine Tastenkombi die der benutzt um das zu "formatieren" und am ende erscheint "/>"
1 Antwort
Was genau meinst du? Die Einrückung der einzelnen Zeilen? Automatische Einrückung mit jedem Speichern kann man in den Einstellungen aktivieren: https://linuxpip.org/auto-indent-vscode/#Automatically_indent_your_code_in_VSCode
Oder das Syntax-Highlighting (die Farben)? Das hängt vom installierten Theme ab.
Ob die einzelnen Attribute des <link> Tags in einer Zeile oder auf mehreren Zeilen stehen, ist völlig egal. Wenn's dir auf mehreren Zeilen besser gefällt, kannst du sie doch manuell auf mehrere Zeilen verteilen.
Alternativ einfach Prettier im Projektordner installieren und in VS Code einrichten. Prettier kümmert sich dann automatisch um solche Sachen.
Ja die Farben sind nicht so wild. Manuell formatieren geht. Aber dachte vielleicht geht das irgendwie in einem Short cut.
Bei Ihm steht ja
<link href=
"https.." rel="stylesheets"
/>
<link rel="stylesheet" href="style.css"/>
Wärend es bei mir eher so aussieht:
<link href="https.."
rel="stylesheets">
<link rel="stylesheet" href="style.css">
auch ohne /> am Ende und nicht untergeordnet.
Wie gesagt im Video passiert das leider von dem einen Frame auf den anderen.
Okay danke schonmal für die antwort. Prettier schau ich mir an. Ich meine halt das die untergeordnet angezeigt werden und halt alle in Reihe stehen. Bei mir geht der Link text ja bis ganz zum Rand. Lieben Gruß