Gibt es eine Möglichkeit, Visual Studio Code HTML-Syntax in EJS-Dateien erkennen zu lassen

Question

Ich verwende Visual Studio Code auf einem Mac, um auf Node.js-Anwendungen zu arbeiten.

Gibt es eine Möglichkeit, Visual Studio Code EJS-Dateien als HTML-Markup zu erkennen? Ich habe in den Benutzereinstellungen keine Datei/Schema-Zuordnung gesehen.

Answer 1

Eigentlich können Sie.

Als Andre weist darauf hin, jetzt können Sie dies im Arbeitsbereich settings.Go zu Visual Studio-Code Einstellungen: File >> Preferences >> User Settings

// Place your settings in this file to overwrite the default settings 
 
{     
 
// Configure file associations to languages (e.g. "*.extension": "html"). These have precedence over the default associations of the languages installed. 
 
    "files.associations": {"*.ejs": "html"}  
 
}

Klicken Sie auf den 'Plain Text' auf den Registerkarte unterer Rand des Fensters VS-Code und es HTML, Screenshot unten ändern:

Answer 2

In Visual Studio 2015 Gemeinschaft konnte ich die ejs Erweiterung mit dem HTML-Editor assoziieren:

Extras> Optionen> Texteditor> Dateierweiterung

"ejs" in der Verlängerung ein. Wählen Sie "HTML-Editor" aus der Dropdown-Auswahl. Klicken Sie auf Hinzufügen. OK klicken.

Wenn Sie eine EJS-Datei geöffnet haben, schließen Sie sie und öffnen Sie sie erneut.

Answer 3

die Richtungen Nach von documentation gegeben änderte ich diese Datei c: \ Program Files (x86) \ Microsoft VS-Code \ resources \ app \ extensions \ html \ package.json so sieht es wie folgt aus:

{ 
    "name": "html", 
    "version": "0.1.0", 
    "publisher": "vscode", 
    "engines": { "vscode": "*" }, 
    "extensionDependencies": [ 
        "html" 
       ], 
    "contributes": { 
     "languages": [{ 
      "id": "html", 
      "aliases": ["ejs"], 
      "extensions": [".ejs"] 
     }] 
    } 
} 

versuchte .. funktioniert für mich ..zu faul, einen neuen Ordner an atm

Answer 4

Die neue Version zu erstellen, ermöglichen es uns, fügen Sie Textmate-Schnipsel:
https://code.visualstudio.com/updates#_add-textmate-snippets
vielleicht können wir diese für ejs Unterstützung hinzufügen:
https://github.com/gregory-m/ejs-tmbundle/blob/master/Syntaxes/JavaScript%20Template.tmLanguage

Answer 5

Suchen Sie die html Erweiterung in VSCode extensions Ordner:

../app/extensions/html

dass auf MacOS X ist

/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/html

und unter Windows ist

c:\Program Files(x86)\Microsoft VS Code\resources\app\extensions\html\package.json

Jetzt package.json Hinzufügen .ejs die extensions Array nur die Datei bearbeiten:

{ 
     "name": "html", 
     "version": "0.1.0", 
     "publisher": "vscode", 
     "engines": { "vscode": "*" }, 
     "contributes": { 
       "languages": [{ 
         "id": "html", 
         "extensions": [ ".html", ".htm", ".shtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm", ".ejs" ], 
         "aliases": [ "HTML", "htm", "html", "xhtml" ], 
         "mimetypes": ["text/html", "text/x-jshtm", "text/template", "text/ng-template"] 
       }], 
       "grammars": [{ 
         /* "language": "html", not yet enabled*/ 
         "scopeName": "text.html.basic", 
         "path": "./syntaxes/HTML.plist" 
       }] 
     } 

} 

By the way, die richtige Art und Weise sollte es sein ein ejsextension in der erstellen extensions Ordner und dann fügte hinzu:

ejs/ 
ejs/package.json 
ejs/snippet/ 
ejs/snippet/ejs.json 
ejs/syntaxes/ 
ejs/syntaxes/EJS.plist 

Natürlich sollte die EJS Syntax/Grammatik haben, aber wir können einfach duplizieren Sie die html ein, so aus dem Erweiterungsordner:

cd html/ 
cp -r * ../ejs/ 

Die package.json dann könnte sein wie

{ 
     "name": "ejs", 
     "version": "0.1.0", 
     "publisher": "vscode", 
     "engines": { "vscode": "*" }, 
     "contributes": { 
       "languages": [{ 
         "id": "ejs", 
         "extensions": [ ".ejs" ], 
         "aliases": [ "EJS", "ejs" ], 
         "mimetypes": ["text/html", "text/x-jshtm", "text/template", "text/ng-template"] 
       }], 
       "grammars": [{ 
         "scopeName": "text.html.basic", 
         "path": "./syntaxes/EJS.plist" 
       }] 
     } 

} 

so syntaxes/HTML.plist nur syntaxes/EJS.plist kopiert ändern.

Starten Sie dann VSCode neu.

Answer 6

Gehen Sie zu Visual Studio Code Settings. Datei >> Einstellungen >> Benutzereinstellungen

Fügen Sie diese Zeile in die Datei settings.json ein.

// Place your settings in this file to overwrite the default settings 
{     
    // Configure file associations to languages (e.g. "*.extension": "html"). These have precedence over the default associations of the languages installed. 
    "files.associations": {"*.ejs": "html"}  
} 

Visual Studio-Code neu starten.

Answer 7

Es gibt eine Erweiterung für .ejs-Unterstützung. Starten Sie VS Code Quick Open (Strg + P), fügen Sie den folgenden Befehl ein und geben Sie Enter ein.

ext install ejs-language-support