css - tutorial - Abra un archivo en el editor de código fuente de Visual Studio
visual studio code tutorial español pdf (4)
Estoy usando la plantilla T4CSS T4 de Phil Haack basada en .less
Una de las cosas malas de la solución de Phil es que visual studio abre los archivos .less como archivos de texto plano en lugar de archivos css. (Por lo tanto, no intellisense)
¿Cómo puedo hacer que VS abra un archivo .less en el editor de código fuente de CSS?
He intentado:
- Haga clic con el botón derecho> Abrir con, pero el Editor de origen CSS no aparece en la lista.
- Herramientas> Opciones> Editor de texto> Extensiones de archivos, pero una vez más, CSS Source Editor no aparece en la lista.
Se puede hacer esto?
Acabo de publicar una extensión que hace esto; puedes descargarlo desde la Galería de Visual Studio .
La clave de la extensión es el archivo .pkgdef :
[$RootKey$/Languages/File Extensions/.less]
@="{A764E898-518D-11d2-9A89-00C04F79EFC3}"
[$RootKey$/Editors/{A764E89A-518D-11d2-9A89-00C04F79EFC3}/Extensions]
"less"=dword:00000028
Tenga en cuenta que esta extensión no hace nada para ayudar a que el servicio de lenguaje CSS sea compatible con Less; las reglas anidadas, por ejemplo, no funcionan del todo bien (confunde el servicio de lenguaje CSS).
Si está utilizando la herramienta dotless.Compiler.exe (a diferencia del manejador de http), no hay nada que decir que sus archivos tienen que terminar con .less. Indico mi sufijo mis archivos .less con .css para que Visual Studio los trate como archivos css. Por ejemplo, mi convención de nombres es:
/css/common.less.css ==> /css/common.css
Ejecuto el compilador dotLess como un evento posterior a la compilación, por ejemplo
$(SolutionDir)/packages/dotless.1.1.0/Tools/dotless.Compiler.exe "$(ProjectDir)/css/common.less.css" "$(ProjectDir)/css/common.css"
Web Workbench de Midscape Visual Studio Extension agrega soporte para archivos .less, incluyendo resaltado de sintaxis e Intellisense. También agrega soporte para SASS y CoffeeScript.