Wie erstelle ich VS-Code, um andere Dateierweiterungen als bestimmte Sprache zu behandeln?

Oder gibt es eine Möglichkeit, die Sprache der aktuellen Datei so zu ändern, dass die Syntaxhervorhebungsfunktion verwendet wird?

*.jsxVerwendet beispielsweise tatsächlich JavaScript, aber VS Code erkennt es nicht.

In Visual Studio Code können Sie Ihrer settings.jsonDatei dauerhafte Dateizuordnungen zum Hervorheben von Sprachen hinzufügen :

// Place your settings in this file to overwrite the default settings
{
  "some_setting": custom_value,
  ...

  "files.associations": {
    "*.thor": "ruby",
    "*.jsx": "javascript",
    "Jenkinsfile*": "groovy"
  }
}

Sie können Ctrl+ Shift+ verwenden pund dann eingeben settings JSON. Wählen Sie Einstellungen: Einstellungen öffnen (JSON) , um Ihre zu öffnensettings.json .

Die Files: AssociationsFunktion wurde erstmals in Visual Studio Code Version 1.0 (März 2016) eingeführt. Überprüfen Sie die verfügbaren Platzhaltermuster in den Versionshinweisen und die bekannten Sprachzeichenfolgen in der Dokumentation.

Halten Sie Strg + Umschalt + P (oder cmd auf dem Mac) gedrückt, wählen Sie "Sprachmodus ändern" und schon ist es da.

Aber ich kann immer noch keine Möglichkeit finden, VS Code-erkannte Dateien mit einer bestimmten Erweiterung als bestimmte Sprache zu erstellen.

Der einfachste Weg, den ich für eine globale Zuordnung gefunden habe, besteht darin, einfach Strg + km (oder Strg + Umschalt + P und "Sprachmodus ändern") mit einer Datei des Typs einzugeben, den Sie zuordnen.

In der ersten Auswahl wird "Dateizuordnung für 'x' konfigurieren" (welcher Dateityp auch immer - siehe Bild im Anhang) angezeigt. Wenn Sie diese Option auswählen, wird die Dateitypzuordnung dauerhaft

Dies mag sich seit der ursprünglichen Frage und der akzeptierten Antwort geändert haben (wahrscheinlich) (und ich weiß nicht, wann es sich geändert hat), aber es ist so viel einfacher als die manuellen Bearbeitungsschritte in den akzeptierten und einigen anderen Antworten und vermeidet dies vollständig mit IDs müssen, die möglicherweise nicht offensichtlich sind.

z.B:

// .vscode/settings.json in workspace

{
  "files.associations": {
    "*Container.js": "javascriptreact",
    "**/components/*/*.js": "javascriptreact",
    "**/config/routes.js": "javascriptreact"
  }
}

Das funktioniert bei mir.

{
"files.associations": {"*.bitesize": "yaml"}
 }

Dies führt beispielsweise dazu, dass Dateien enden .variablesund .overrideswie jede andere WENIGER-Datei behandelt werden. In Bezug auf die Code-Färbung, in Bezug auf die (automatische) Formatierung. Definieren Sie in Benutzereinstellungen oder Projekteinstellungen, wie Sie möchten.

(Die semantische Benutzeroberfläche verwendet diese seltsamen Erweiterungen, falls Sie sich fragen)

Ich habe hier eine Lösung gefunden: https://code.visualstudio.com/docs/customization/colorizer

Gehe zu VS_CODE_FOLDER/resources/app/extensions/und dort aktualisierepackage.json

Das Befolgen der Schritte unter https://code.visualstudio.com/docs/customization/colorizer#_common-questions hat bei mir gut funktioniert:

Um einen vorhandenen Colorizer zu erweitern, erstellen Sie eine einfache package.json in einem neuen Ordner unter .vscode / extensions und geben das Attribut extensionDependencies an, das die Anpassung angibt, zu der Sie hinzufügen möchten. Im folgenden Beispiel wird dem Markdown-Colorizer eine Erweiterung .mmd hinzugefügt. Beachten Sie, dass nicht nur der Name extensionDependency mit der Anpassung übereinstimmen muss, sondern auch die Sprach-ID mit der Sprach-ID des Colorizers, den Sie erweitern.

{
    "name": "MyMarkdown",
    "version": "0.0.1",
    "engines": {
        "vscode": "0.10.x"
    },
    "publisher": "none",
    "extensionDependencies": [
        "markdown"
    ],
    "contributes": {
        "languages": [{
            "id": "markdown",
            "aliases": ["mmd"],
            "extensions": [".mmd"]
        }]
    }
}

Ich habe einen anderen Ansatz gewählt, um fast das gleiche Problem zu lösen. In meinem Fall habe ich eine neue Erweiterung erstellt, die die Unterstützung für die Hervorhebung der PHP-Syntax für Drupal-spezifische Dateien (wie .module und .inc) hinzufügt: https: // github. com / mastazi / VS-Code-Drupal

Wie Sie im Code sehen können, habe ich eine neue Erweiterung erstellt, anstatt die vorhandene PHP-Erweiterung zu ändern. Offensichtlich erkläre ich eine Abhängigkeit von der PHP-Erweiterung in der Drupal-Erweiterung.

Der Vorteil dieser Vorgehensweise besteht darin, dass bei einem Update der PHP-Erweiterung meine benutzerdefinierte Unterstützung für Drupal beim Update nicht verloren geht.