JSX- oder HTML-Autokomplettierung in Visual Studio-Code

10

Gibt es eine Möglichkeit, Komponenten oder HTML-Vervollständigung in Visual Studio Code zu verwenden? Da wir jeden Buchstaben manuell eingeben, ist das keine gute Idee, wenn wir Klassen wie Bootstrap usw. haben. Zum Beispiel Vervollständigung wie in Emmet: ul>li*2>a

%Vor%     
owaishanif786 04.09.2016, 18:52
quelle

6 Antworten

16

Visual Studio-Code erkennt .jsx-Erweiterungen und fügt emmet-Unterstützung standardmäßig hinzu (ich verwende VS-Code 1.8.1)

Wenn Sie jedoch die Erweiterung .js für alle Ihre reaktiven Dateien bevorzugen, können Sie den JavaScript-React-Modus mit .js-Dateien in der unteren rechten Ecke des VS-Code-Fensters verknüpfen.

Schritt für Schritt (gif)

    
Andrii.Vandakurov 29.01.2017, 12:37
quelle
19

Dezember 2017 Antwort für Reagieren

Der einfachste Weg, um JSX / HTML-Autovervollständigung in Ihren React-Projekten zu erhalten, besteht darin, dies Ihren Benutzereinstellungen oder Arbeitsplatzeinstellungen hinzuzufügen ( <project-path>/.vscode/settings.json ):

%Vor%

Sie müssen VS Code möglicherweise neu starten, damit die Änderung wirksam wird.

P.S. Wenn Sie diese Zuordnung für ein React.js-Projekt nicht machen, dann sollte die Antwort von KehkashanFazal wahrscheinlich für Sie funktionieren.

    
Julian Soro 07.12.2017 01:58
quelle
13

Wenn jemand noch mit diesem Problem kämpft:

Ich habe entdeckt, dass einfach

gesetzt wird %Vor%

aktiviert keine HTML-Vervollständigung. Aber mit:

%Vor%

tut es.

Laut emmet docs :

  

"emmet.includeLanguages": {}

     

Aktivieren Sie Emmet-Abkürzungen in Sprachen, die standardmäßig nicht unterstützt werden. Fügen Sie hier eine Zuordnung zwischen der Sprache und der von emmet unterstützten Sprache hinzu.
  ZB: {"vue-html": "html", "javascript": "javascriptreact"}

    
Kehkashan Fazal 25.09.2017 10:03
quelle
1

Wählen Sie einfach unten rechts auf dem Bildschirm den passenden Sprachenmodus aus: Setzen Sie ihn auf JavaScript Reagieren.

    
Donskikh Andrey 17.10.2017 10:09
quelle
1

Keine dieser Lösungen hat funktioniert ... aber die Auto Close Tag-Erweiterung funktioniert! Ссылка

    
Cole 31.10.2017 05:09
quelle
1

Sie können die automatische Schließen-Erweiterung in Visual Studio-Code verwenden. ps. Wenn Sie die Erweiterung installieren, wird die automatische Vervollständigung nicht funktionieren, bis Sie VS-Code neu laden, VS-Code erneut öffnen, oder die Tag-Erweiterung automatisch schließen und auf Neu laden klicken.

Link des Tags zum automatischen Schließen

    
zakaria kasmi 16.03.2018 22:42
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset MVC6 Dropdown-Liste der Länder