2010-02-27 27 views
21

estoy usando Phil Haack's T4CSS T4 template basado en .lessAbrir un archivo en Visual Studio CSS Editor Fuente

una cosa mala de solución de Phil es que Visual Studio abre los archivos .less como archivos de texto en lugar de como archivos CSS. (Por lo tanto, no intellisense.)

¿Cómo puedo obtener VS para abrir un archivo .less en el editor CSS Source?

He intentado:

  1. clic derecho> Abrir con, pero el Editor de código fuente CSS no está listado.
  2. 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?

Respuesta

13

Midscape's Web Workbench Visual Studio extensión añade soporte para archivos .less, incluyendo resaltado de sintaxis y Intellisense. También agrega soporte para SASS y CoffeeScript.

+8

Después de aproximadamente una semana de usar esto, lo he desinstalado debido a: (a) molestosos avisos que le piden que actualice y (b) un error extraño que me impidió poder guardar mis archivos .less intermitentemente –

+0

Similar a @Hainesy lo desinstalé, ya que me pareció muy torpe. –

26

Acabo de publicar una extensión que hace esto; puedes download it from the Visual Studio Gallery.

La clave para la extensión del archivo es .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 al soporte de servicio lenguaje CSS menos; las reglas anidadas, por ejemplo, no funcionan del todo bien (confunde el servicio de lenguaje CSS).

+0

¿Hay alguna forma de hacer que el motor de validación de CSS funcione en los archivos .less? –

+0

@Chris Tools-> Options-> Text editor-> CSS-> Miscellaneous-> desmarcar 'Detect errors' podría hacer el truco. –

+2

¿Alguna forma de obtener una versión compatible con VS2008? – Diego

7

Si está utilizando la herramienta dotless.Compiler.exe (a diferencia del manejador de http), no hay nada que decir que los archivos tienen que terminar con .less. Indico mi sufijo mis archivos .less con .css para que Visual Studio los trate como archivos css. P.ej. mi convenio de denominación es:

/css/common.less.css ==> /css/common.css

corro el compilador sin punto como un evento posterior a la generación, por ejemplo,

$(SolutionDir)\packages\dotless.1.1.0\Tools\dotless.Compiler.exe "$(ProjectDir)\css\common.less.css" "$(ProjectDir)\css\common.css" 
Cuestiones relacionadas