Wie kann ich in Visual Studio Code gleichzeitig HTML und Django-HTML automatisch vervollständigen?

Lesezeit: 4 Minuten

namespace-Pts Benutzeravatar
Namespace-Pt

Ich habe die Django-Unterstützung in Visual Studio Code installiert und zugehörig */templates/*.html mit django-html wie es die Erweiterung erfordert.

Jedoch, Es kann nicht automatisch konkurrieren HTML-Tags wie ich es getan habe.

Und wenn ich HTML nur mit sich selbst verbinde, dann es kann nicht intelligent sein Django-Vorlage Code.

Wie kann ich die automatische Vervollständigung durchführen? beide?

namespace-Pts Benutzeravatar
Namespace-Pt

Das ist mir gelungen durch:

  • Installation der Django-Erweiterung

  • Ich füge die folgende Konfiguration zu meinem Arbeitsbereich hinzu Settings.json Datei:

        "emmet.includeLanguages": {
             "django-html": "html",
        }
    

  • Was meinst du mit „Django-Unterstützung“? Können Sie einen Link einfügen? Ich habe keine Erweiterung mit diesem Namen gefunden und habe bereits die Standard-Django-Erweiterungen installiert.

    – Ariel

    13. Januar 2021 um 14:48


  • Dies behebt das Problem nicht, da es sich nicht um Emmet handelt: Es handelt sich um eine VS-Code-Sprachkonfiguration (in unserem Fall django-html).

    – Zack Plauché

    20. Januar 2021 um 8:35 Uhr

  • django support == Django-Erweiterung, falls Sie sie installiert haben, kopieren Sie einfach diese 3 Zeilen in die Einstellungen Ihres Arbeitsbereichs

    – Namensraum-Pt

    20. Januar 2021 um 8:40 Uhr

  • Tut mir leid, dass es bei mir funktioniert.django Die Erweiterung fügt automatisch Folgendes zu Ihren Einstellungen hinzu: „files.associations“: { „.txt”: “Klartext”, “/.html”: “html”, “*/templates/**/.html”: “django-html”, “*/Anforderungen{/,}. {txt,in}”: “pip-requirements” } “` Dies wird verknüpft html Datei unter templates/ Verzeichnis mit integrierter Dateiklasse django-htmlwas bedeutet, dass es intelligent wird if else usw. Meine Einstellung in der Antwort wird Vorschläge zuordnen django-html mit html. Also binden django-html Datei zuerst.

    – Namensraum-Pt

    20. Januar 2021 um 16:24

Benutzeravatar von Levitybot
Levitybot

Hier ist im Wesentlichen derselbe Fix, aber die Verwendung der VS-Code-Benutzeroberfläche macht es für einige Leute einfacher – insbesondere, wenn Sie damit noch nicht vertraut sind und Ihre Datei „settings.json“ noch nicht generiert wurde.

Gehen Sie in VS Code zu Datei -> Einstellungen -> Einstellungen

Dort können Sie zur Registerkarte „Arbeitsbereich“ wechseln, wenn diese Einstellung nur für dieses Projekt/diesen Arbeitsbereich gelten soll, oder bei der Registerkarte „Benutzer“ bleiben, wenn Sie dies für alle Projekte/Arbeitsbereiche wünschen.

Öffnen Sie den Eintrag „Erweiterungen“ in der Liste und klicken Sie auf „Emmet“.

Klicken Sie unter „Sprachen einschließen“ auf die Schaltfläche „Element hinzufügen“. Füllen Sie es aus mit:

Artikel: django-html

Wert: html

und klicken Sie auf die Schaltfläche „OK“.

Dadurch wird die Einstellung für Sie zu Ihrer Datei „settings.json“ hinzugefügt oder eine neue Datei „settings.json“ generiert, falls Sie noch keine haben.
Django-HTML-Unterstützung zu VS Code hinzufügen

Hinweis: Damit die automatische Vervollständigung/Generierung funktioniert, müssen Sie Ihr Tag möglicherweise ohne Klammern eingeben, z. B li (nicht <li>), und drücken Sie dann die Eingabetaste, um es abzurufen <li></li>

Samaels Benutzeravatar
Samael

Wie namespace_Pt sagte, habe ich es versucht und es funktioniert. Ich werde auflisten, welche Erweiterungen in meiner Visual Studio Code-Installation enthalten sind.

  1. Django 1.2.0

  2. Visual Studio IntelliCode (ich habe es versucht und es funktioniert ohne dieses)

        "emmet.includeLanguages": {
        "django-html": "html",
    }
    

Ich habe es am Ende hinzugefügt Settings.json Datei. Ich finde die Datei in der Suchleiste der Einstellungen. Machen Sie einfach den hinzugefügten Visual Studio-Code rückgängig und fügen Sie den obigen Code hinzu. Vergessen Sie nicht, ein Komma hinzuzufügen.

Wo Sie die .json-Datei in den Einstellungen finden

Wie es aussieht, nachdem ich es hinzugefügt habe

Benutzeravatar von Sayan Dasgupta
Sayan Dasgupta

Folge den Schritten:

  1. Installieren Sie dies als Ihre Erweiterung: Django

  2. Schreiben Sie die Codezeilen ein settings.json Ihres Visual Studio-Codes:

    "emmet.includeLanguages": {
        "django-html": "html",
    }
    
  3. Wie bekomme ich settings.json?

    Antworten: Der Menübefehl DateiPräferenzen → *Einstellungen (CodePräferenzenEinstellungen auf dem Mac) bietet Zugriff auf die Konfiguration von Benutzer- und Arbeitsbereichseinstellungen. Sie erhalten eine Liste mit Standardeinstellungen. Kopieren Sie alle Einstellungen, die Sie ändern möchten, in die entsprechenden Einstellungen. JSON-Datei.

Funktioniert bei mir (im Vergleich zu 1.62.3): in der Datei „settings.json“ vorher:

 "emmet.includeLanguages": {
    "django-html": "html",
}

enthalten:

{
  "files.associations": {
    "**/*.html": "html",
    "**/templates/**/*.html": "django-html",
    "**/templates/**/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements"
},

Die gesamte Datei sieht folgendermaßen aus:

{
  "files.associations": {
    "**/*.html": "html",
    "**/templates/**/*.html": "django-html",
    "**/templates/**/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements"
},

  "files.autoSave": "afterDelay",
  "emmet.includeLanguages": {"django-html": "html"},

}

Benutzeravatar von Saloni Chhaperwal
Saloni Chhaperwal

Ich habe alles versucht, was oben aufgeführt ist, aber nichts hat bei mir funktioniert. Dann habe ich nach langem Hin und Her die Lösung gefunden. Gehen Sie in Ihrem VS-Code zu … -> Datei -> Einstellungen -> Einstellungen -> Arbeitsbereich (wenn Sie möchten, dass diese Einstellung nur für diesen Arbeitsbereich spezifisch ist, oder „Benutzer“, wenn Sie sie für alle möchten) -> Erweiterungen -> emmet -> jetzt klicken Bearbeiten Sie in „settings.json“. –> jetzt in dieser Datei unter den bereits angegebenen geschweiften Klammern schreiben oder kopieren Sie dies und fügen Sie dies ein ->

„emmet.triggerExpansionOnTab“: true,

„files.associations“: {“*html“: „html“},

und drücke Strg + s speichern.

Bei mir hat es funktioniert!! Ich hoffe, es klappt auch bei dir.!

Benutzeravatar von Sunderam Dubey
Sunderam Dubey

Ich habe es geschafft, dass es funktioniert, indem ich die Auto-Close-Tag-Erweiterung installiert und die Sprachunterstützung „django-html“ zur Einstellung „activationOnLanguage“ hinzugefügt habe.

"auto-close-tag.activationOnLanguage": [
    "django-html",
    ...,
]

1452090cookie-checkWie kann ich in Visual Studio Code gleichzeitig HTML und Django-HTML automatisch vervollständigen?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy