visual-studio-code - para - visual studio code html preview

Código de Visual Studio: tratar otras extensiones como HTML

Question

A los efectos de resaltado de sintaxis y coloración e inteligencia, ¿es posible tratar otras extensiones (tpl, master, etc.) como HTML?

Sé que es posible en cada archivo presionando CTRL + MAYÚS + P y seleccionando "Cambiar modo de idioma" PERO quiero que funcione con la extensión de archivo, y no tengo que rehacerla cada vez que abro un archivo nuevo.

También sé que es posible que algunos idiomas editen los archivos json en el directorio de complementos, PERO no parece haber uno para HTML.

Answer 1

1. Abra el bloc de notas como administrador (por si acaso) haciendo clic derecho en ejecutar como administrador.
2. Haga clic en el archivo => abrir => copiar y pegar C: / Archivos de programa (x86) / Microsoft VS Code / resources / app / extensions / html en el cuadro.
3. Seleccione ver todos los tipos de archivos en la parte inferior derecha.
4. Abra package.json

5. Copiar y pegar

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

Reemplaza todo con eso. guardar y salir reiniciar el código vs.

Answer 2

La respuesta de Jesse es correcta. No tengo suficientes puntos de reputación para comentar su respuesta, pero la ruta para los usuarios de Mac es:

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

Tenga en cuenta que ya habrá algunas extensiones, por lo que, en lugar de copiar y pegar los fragmentos de código al por mayor, simplemente agregue la extensión que desee a la matriz de extensiones y alias, así:

{
    "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", "ejs" ],
            "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"
        }]
    },
    "extensionDependencies": [
                "html"
    ]
}

Answer 3

Actualización para VS Code 1.0:

Hay una configuración files.associations que se puede usar para asignar patrones de archivos a idiomas. Por ejemplo:

"files.associations": {
  "*.tpl": "html",
  "*.master": "html"
}

Respuesta anterior:

Esta es una solicitud de función que se solicita comúnmente y estamos analizando este problema para el futuro.

Como solución alternativa si necesita tener una solución ahora:

• cerrar código VS
• abra C:/Users/<your name>/AppData/Local/Code/app-<latest-version>/resources/app/server/lib/mime.js
• encontrar el objeto literal knownTextMimes
• para la extensión de archivo que desee, agregue el tipo de mime adecuado
• por ejemplo ''.tpl'': ''text/html''
• guardar y reiniciar el código

Nota: este cambio no sobrevivirá a las actualizaciones automáticas, pero se espera que haya una mejor solución en la futura actualización :)