Utilisation de Compass sur Windows avec Visual Studio C # et ASP.NET

Pour compléter les dernières réponses, vous pouvez installer Web Workbench , un plug-in pour Visual Studio 2010 qui ajoute la mise en évidence de la syntaxe , intellisence et d’autres éléments du langage SASS (syntaxe SCSS uniquement).

Si vous préférez utiliser Compass et / ou d’autres outils pour comstackr votre CSS, vous devez désactiver le compilateur intégré. J’ai listé d’autres compilateurs SASS ici: Utilisation de SASS avec ASP.NET .

Pour désactiver le compilateur intégré: sélectionnez le fichier .scss dans l’Explorateur de solutions, accédez à la fenêtre Propriétés et supprimez le texte de la boîte à outils personnalisée.

Depuis Web Workbench 3, vous pouvez maintenant gérer plus facilement ce que vous voulez comstackr avec ce plugin. Voir l’élément de menu Mindscape> Web Workbench Settings.

Démarrer avec Compass,

Tout d’abord, oui, je dois installer Ruby et la source de la boussole et comstackr ma version de la boussole. J’ai suivi les instructions du Wiki Getting Started de Compass.

Après avoir installé Compass et toutes ses dépendances, j’ai créé mon premier projet.

compass -f blueprint project-name 

Ce qui crée un projet par défaut avec compas pour le framework blueprint blueprint, actuellement il y a un bogue avec Compass avec la création du fichier grid.png dans le répertoire images pour compas donc il faut copier le grid.png original du dossier source

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

Ou fichier similaire situé en fonction de l’endroit où vous avez tout installé. L’un des changements les plus importants de l’OMI pour l’utilisation de Compass sur asp.net consiste à modifier la directive SASS CACHE du compas. Le SASS CACHE crée un tas de dossiers temporaires dans votre répertoire de projet, qui auraient probablement de mauvais résultats s’ils se terminaient sous le contrôle de la source. Alors ouvrez config.rb et ajoutez cette ligne

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

Assurez-vous de noter les barres obliques inversées.

Après cela, j’ai modifié les noms des dossiers que la boussole utilise pour les nommer dans config.rb et commencer à y accéder avec SASS et Compass. Je recommande de regarder l’introduction d’une heure à la vidéo sur la boussole, et c’est très utile et j’en ai appris beaucoup: regardez la projection à l’écran .

Une des choses que cela m’a montré était la façon de configurer la boussole pour surveiller les modifications du système de fichiers et la compilation automatique du sass en CSS. En utilisant

 compass -w 

Cela fonctionne très bien pour moi, assurez-vous simplement de garder vos fichiers CSS extraits ou de les désactiver en lecture seulement s’ils sont sous le contrôle du code source si votre projet ne prend pas en charge les extractions simultanées.

Pour l’édition, j’utilise SciTE inclus avec Ruby par défaut pour les fichiers config.rb ou simplement la fenêtre de l’éditeur dans VS2008. Pour Sass, j’ai trouvé une grande liste sur le site Web de HAML . jEdit avec la mise en évidence du fichier de syntaxe pour SASS était ce que j’ai fini par utiliser après en avoir essayé quelques-uns. Je voudrais quand même trouver un plugin VS pour la coloration syntaxique, donc je n’ai pas besoin d’utiliser un autre éditeur, mais jEdit fait définitivement le travail.

Ma réponse est un peu désuète. Avant de suivre ma réponse initiale, je vous recommande d’explorer le package Nuget SassAndCoffee. Les détails complets peuvent être trouvés ici .

Comment ça marche?

SassAndCoffee incorpore les compilateurs d’origine dans la DLL (Sass 3.2.0 et CoffeeScript 1.1.0) et utilise respectivement IronRuby et Jurassic pour exécuter les compilateurs sur votre source.

Pourquoi est-ce mieux 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. 

Je voulais append une autre alternative ici. Si vous voulez simplement vous assurer que compas construit les fichiers sass et inclut les fichiers css lorsque vous générez votre projet ASP.net, vous pouvez append ce qui suit au fichier de votre projet (csproj) dans la section projet:

La première cible est pour Release et compresse également le css, l’autre pour Debug.

Si vous souhaitez personnaliser les chemins, ajoutez un fichier config.rb au dossier racine du projet:

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

Tout cela nécessite bien sûr l’installation d’un compas et d’un rbuy sur votre machine.