El uso de brújula en Windows con Visual Studio C# y ASP.NET

Question

alguien ha hecho ningún desarrollo de brújula para CSS/SASS en un entorno estándar de C# ASP.NET?

¿Hay una única distribución que sólo puede descargar de que está listo para ir para Windows o necesito instalar cada pieza de la ecuación y construir compás de mí mismo?

¿Existen complementos que hagan que el desarrollo con Compass sea más amigable con VS2008, como el manejo automático de Compass/SASS en construcciones, resaltado de sintaxis y/o soporte intellisense?

Si no hay ningún tipo de plugins VS IDE ¿cuáles son las mejores opciones para un editor de texto para el manejo autónomo de codificación en Compass?

Answer 1

Para completar las últimas respuestas, puede instalar Web Workbench, un plug-in para Visual Studio 2010 wich añadir resaltado de sintaxis, Intellisence y algunas otras cosas para el idioma SASS (sintaxis SCSS solamente).

Si prefiere usar Compass y/u otras herramientas para compilar su CSS, debe desactivar el compilador incorporado. Enumeré algunos otros compiladores SASS aquí: Using SASS with 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. Consulte el elemento de menú Configuración de Mindscape> Web Workbench.

Answer 2

Primeros pasos con el compás,

En primer lugar, sí tengo que instalar Ruby y la fuente de la brújula y compilar mi versión de la brújula me seguido las instrucciones de la Wiki Getting Started de Compass.

Después de conseguir brújula y todas sus dependencias compilado e instalado creé mi primer proyecto.

compass -f blueprint project-name 

que crea un proyecto predeterminado con brújula para el marco css anteproyecto, en la actualidad hay un error en la brújula con la creación del archivo grid.png en el directorio de imágenes de la brújula por lo que necesita para copiar el original de la rejilla. png desde la carpeta de origen

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

O archivo similarmente ubicado en función de donde haya instalado todo. Uno de los cambios más importantes de IMO para trabajar con brújula en asp.net es cambiar la directiva de brújula SASS CACHE. El SASS CACHE crea un grupo de carpetas temporales en el directorio de su proyecto que probablemente tendrían malos resultados si terminaran bajo el control de la fuente. Pues abre config.rb y añadir esta línea

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

Asegúrese de tener en cuenta las backslashs escapado.

Después de esto modifica los nombres de las carpetas que utiliza la brújula para saber cómo las quería llamado dentro de la config.rb y empecé a recibir a ella con SASS y Compass. Recomiendo ver la introducción de una hora de video de la brújula, es muy útil y aprendí mucho al respecto: Watch the screen cast.

Una de las cosas que este me mostró fue cómo configurar la brújula para observar los cambios del sistema de archivos y automagic compilar el descaro de CSS. Mediante el uso de

compass -w 

Esto está trabajando muy bien para mí, sólo asegúrese de mantener sus archivos css Extraído o apagarlos sólo lectura si están bajo control de origen si su proyecto no es compatible con las cajas concurrentes.

Para editar estoy usando SciTE que se incluye con Ruby de forma predeterminada para los archivos config.rb o solo en la ventana del editor en VS2008. Para Sass me encontré con una gran lista en el HAML website. jEditar con el archivo de sintaxis destacado 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.

Answer 3

Mi respuesta es un poco anticuada. Antes de seguir mi respuesta original, recomendaría explorar el paquete Nuget SassAndCoffee. The full details can be found here.

¿Cómo funciona?

SassAndCoffee incrusta los originales compiladores en la DLL como Sass (3.2.0 y CoffeeScript 1.1.0 a partir de este escrito ) y utiliza IronRuby y Jurásico, respectivamente, para ejecutar los compiladores en contra de su fuente.

¿Por qué es mejor que [SOMEOTHERPROJECT]?

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. 

Answer 4

Quería agregar otra alternativa aquí. Si lo que desea es asegurarse de que la brújula construye los archivos Sass e incluye los archivos CSS cuando se genera el proyecto ASP.net se pueden agregar lo siguiente a su proyecto (csproj) presentar en la sección de proyectos:

<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 el primer objetivo es para Release y también comprimirá el css, el otro es para Debug.

Si desea personalizar caminos añaden un config.rb a la carpeta raíz del proyecto:

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

Todo esto, por supuesto, requiere la brújula y el rubí para ser instalado y estar en el camino de su máquina.