2011-02-11 16 views
60

¿Alguien sabe cómo habilitar css intellisense en una extensión de archivo no .css? Tengo un archivo .less que es básicamente un archivo .css pero Visual Studio no usará .css intellisense en el archivo.Cómo activar Visual Studio 2010 .css Intellisense en .less archivo

+0

He probado algunas cosas en el registro, pero no parece posible. Lo siento, podría valer la pena codificar algo para cambiarles el nombre a CSS y volver a menos después. – DaveShaw

Respuesta

43

intente utilizar el CSS es menos extensión para VS2010:

http://visualstudiogallery.msdn.microsoft.com/dd5635b0-3c70-484f-abcb-cbdcabaa9923

Fuerzas archivos .less para abrir en el editor de CSS, sin tener que cambiar la configuración o añadir etiquetas HTML para su archivo MENOS.

+3

Esta extensión también proporciona compilación en guardado: http://visualstudiogallery.msdn.microsoft.com/e646c6ec-87a7-45ea-81e8-d655a3d3e73e – zcrar70

+0

He instalado la extensión pero aún sin suerte, es nuevamente texto sin formato. ¿Debo hacer algo más en lugar de solo instalar? – Learner

20

Visual Studio le permite asignar extensiones personalizadas a los diferentes editores yendo a Herramientas-> Opciones-> Editor de textos-> Extensión de archivo. Simplemente proporcione la extensión personalizada y seleccione el editor al que desea asociarla. Lamentablemente, el equipo de Visual Studio parece haber pasado por alto el editor CSS en la lista de editores.

Un posible problema es asociar la extensión con el Editor de Html y luego escribir <html><head><style> en la parte superior del archivo y </style></head></html> en la parte inferior del archivo. Esto le dará soporte CSS intellisense entre los conjuntos de etiquetas. A continuación, puede eliminar las etiquetas HTML y la asociación de archivos cuando termine de editar.

+5

Agregar las etiquetas funcionó a la perfección, y puede comentarlas (los comentarios son eliminados por el compilador CSS al minificar) para que tenga una hoja de estilo válida todo el tiempo sin agregar y quitar las etiquetas. – aBetterGamer

+4

En Visual Studio 2012, esta es ahora la mejor respuesta a esta pregunta porque el editor de CSS está incluido en la lista de editores y puede asociar fácilmente .less con el editor de código fuente css. – Chev

+0

VS2012 agregó CSS ​​a la lista, wooo hooo :) – Ayyash

16

Otra alternativa es nombrar sus archivos '.less.css', luego cambie cualquier referencia a ellos en su página maestra o en su archivo CSS principal (el que carga todos los otros archivos css con @import declaraciones), a continuación, configurar el controlador de menos de la siguiente manera en la sección 'manipuladores' de su archivo Web.Config:

<add name="LessCssHandler" type="dotless.Core.LessCssHttpHandler,dotless.Core" path="*.LESS.CSS" verb="*" /> 

a continuación, obtener el resaltado de sintaxis, menos funciona bien y no ha tenido la creación de nuevas extensiones de archivo en vs. , carga cualquier vs complementos, etc., que es útil si tienes un equipo de más de 1 desarrollador.

Si utiliza un solo archivo para definir colores, etc., tendrá que llamarse '.less' e importarse en cada archivo .less.css con @import 'exampledefs.less'; declaración dentro de ese archivo.

+0

la solución más fácil que existe. Gracias –

+0

esta solución cae un poco con '@ importación' – fearofawhackplanet

+0

@fearofawhackplanet ¿Cómo? Lo estoy usando con importar bien – coalvilledave

-6

tuviera que hacer añadir un tipo MIME a mi servidor IIS como esto:

Extensión: .less

tipo MIME: text/css

10

Estoy disfrutando mucho MindscapeWebWorkbench. Es un complemento gratuito para VS 2010 para proporcionar soporte .less. Además, la extensión viene con el soporte de script .Sass and Coffee!

Pruébalo!

Ahh, Hanselman approves;)

+0

Este fue realmente bueno. Lamentablemente, solo funciona con las versiones adultas de VS, ya que MS aparentemente desactiva extensiones en Express productos. Intellisense y otras cosas son una gran manera de aprender a programar, así que estoy sorprendido de por qué lo hacen, pero supongo que se trata del dinero. –

+3

Es increíblemente lento para mí. –

0

Le recomiendo usar Crunch: http://crunchapp.net/

Visual Studio (expreso incluido) le permite abrir Menos archivos con Crunch. Es cierto que no los abre en Visual Studio, abre Crunch para editar el archivo, pero hay muchas razones para usar Crunch de todos modos. La razón más importante es que Crunch tomará su código Less y compilará en un archivo CSS puro.Los beneficios son que no necesita incluir el script less.js en su sitio web, lo que evita gastos adicionales, puede escribir el código Less, y es tan simple como hacer doble clic en su archivo menos en VS, editar el archivo, luego "crujir" (o guardar) sobre tu hoja de estilos CSS. No es necesario tocar el CSS puro generado por crujido.

2

respuesta tardía, pero esta es una manera hacker para resolverlo en VS2010 "puro"

#if DEBUG 
<html><head><style> 
#endif 

en la parte superior del archivo y

#if DEBUG 
</style></head></html> 
#endif 

en la parte inferior del archivo

Cuestiones relacionadas