Uso de Compass en Windows con Visual Studio C # y ASP.NET

StackOverflow https://stackoverflow.com/questions/1214494

Pregunta

¿Alguien ha desarrollado Compass para CSS / SASS en un entorno estándar C # ASP.NET?

¿Hay una distribución única que pueda descargar que esté lista para Windows o necesito instalar cada pieza de la ecuación y construir la brújula yo mismo?

¿Hay algún complemento que haga que el desarrollo con Compass sea más amigable con VS2008, como el manejo automático de Compass / SASS en las compilaciones, el resaltado de sintaxis y / o el soporte de Intellisense?

Si no hay ningún complemento VS IDE, ¿cuáles son las mejores opciones para un editor de texto independiente para manejar la codificación en Compass?

¿Fue útil?

Solución

Para completar las últimas respuestas, puede instalar Web Workbench , un complemento para Visual Studio 2010 que agrega resaltado de sintaxis , inteligencia y algunas otras cosas para el lenguaje SASS (solo sintaxis SCSS).

Si prefiere usar Compass y / o algunas otras herramientas para compilar su CSS, debe deshabilitar el compilador incorporado. Enumeré algunos otros compiladores de SASS aquí: Uso de SASS con ASP.NET .

Para deshabilitar el compilador incorporado: seleccione el archivo .scss en el Explorador de soluciones, vaya a la ventana Propiedades y elimine el texto del cuadro Herramienta personalizada.

Desde Web Workbench 3 ahora puede administrar más fácilmente lo que desea compilar con este complemento. Ver el Mindscape > Elemento de menú de configuración de Web Workbench.

Otros consejos

Comenzando con Compass,

Primero sí, tengo que instalar Ruby y la fuente de la brújula y compilar mi versión de la brújula. Seguí las instrucciones en el Wiki de Compass Comenzando .

Después de instalar y compilar Compass y todas sus dependencias, creé mi primer proyecto. 

compass -f blueprint project-name

Que crea un proyecto predeterminado con la brújula para el marco css de blueprint, actualmente hay un error en la brújula con la creación del archivo grid.png en el directorio de imágenes para la brújula, por lo que debe copiar el grid.png original de la fuente carpeta 

C:\Ruby\lib\ruby\gems\1.8\gems\chriseppstein-compass-0.8.10
    \frameworks\blueprint\templates\project

O archivo ubicado de manera similar dependiendo de dónde instaló todo. Uno de los cambios más importantes de la OMI para trabajar con la brújula en asp.net es cambiar la directiva de la brújula SASS CACHE. SASS CACHE crea un montón de carpetas temporales en el directorio de su proyecto que probablemente tendrían malos resultados si terminaran bajo el control de la fuente. Entonces abra config.rb y agregue esta línea 

sass_options = {:cache_location => 
    "#{Compass.configuration.project_path}\\tmp\\sass-cache"}

Asegúrese de tener en cuenta las barras invertidas escapadas.

Después de esto, modifiqué los nombres de las carpetas que utiliza la brújula por cómo quería que se nombraran dentro de config.rb y comencé a acceder a ella con SASS y Compass. Recomiendo ver la introducción de una hora al video de la brújula, es muy útil y aprendí mucho de él: Mira la transmisión de pantalla .

Una de las cosas que esto me mostró fue cómo configurar la brújula para observar los cambios en el sistema de archivos y compilar automáticamente el sass en css. Mediante el uso de 

compass -w

Esto funciona muy bien para mí, solo asegúrese de mantener sus archivos CSS desprotegidos o desactívelos solo si están bajo control de origen si su proyecto no admite pagos simultáneos.

Para editar, estoy usando SciTE que se incluye con Ruby por defecto para los archivos config.rb o solo la ventana del editor en VS2008. Para Sass, encontré una gran lista en el sitio web de HAML . jEdit con resaltar el archivo de sintaxis para SASS fue lo que terminé usando después de probar algunos. Todavía me gustaría encontrar un complemento VS para resaltar la sintaxis, así que no necesito usar otro editor, pero jEdit definitivamente está haciendo el trabajo.

Mi respuesta es un poco anticuada. Antes de seguir mi respuesta original, recomendaría explorar el paquete Nuget SassAndCoffee. Los detalles completos se pueden encontrar aquí .

  

¿Cómo funciona?

     

SassAndCoffee incorpora el original   compiladores en la DLL como (Sass 3.2.0   y CoffeeScript 1.1.0 a partir de este   escritura) y utiliza IronRuby y   Jurásico respectivamente para ejecutar el   compiladores contra su fuente.

     

¿Por qué es   esto mejor que [ALGUNO PROYECTO]? 

No external processes are executed
You don’t have to install Ruby or node.js
It’s in NuGet so you don’t have to fiddle with web.config
Files are cached and are rebuilt as-needed.

Quería agregar otra alternativa aquí. Si solo quiere asegurarse de que la brújula construya los archivos sass e incluya los archivos css cuando construya su proyecto ASP.net, puede agregar lo siguiente a su archivo de proyecto (csproj) en la sección del proyecto: 

<Target Name="AfterBuild" Condition="'$(Configuration)' == 'Release' ">
   <Exec Command="compass compile --output-style compressed --force" />
   <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>
<Target Name="AfterCompile" Condition=" '$(Configuration)' == 'Debug' ">
    <Exec Command="compass compile" />
    <ItemGroup>
      <Content Include="Styles\*.css" />
   </ItemGroup>
</Target>

El primer Target es para Release y también comprimirá el CSS, el otro es para Debug.

Si desea personalizar las rutas, agregue un config.rb a la carpeta raíz del proyecto: 

css_dir = "Content"
sass_dir = "Content/Sass"

Todo esto, por supuesto, requiere que la brújula y el rubí estén instalados y que estén en el camino de su máquina.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top