12
votes

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

Quelqu'un a-t-il effectué tout développement de boussole pour CSS / Sass dans un environnement ASP.NET standard C # ASP.NET?

Y a-t-il une seule distribution que je peux simplement télécharger que c'est prêt à partir pour Windows ou que j'ai besoin d'installer chaque morceau de l'équation et de construire la boussole moi-même?

Y a-t-il des plugins qui font de développer avec Compass Frosslier avec VS2008, tel que la manipulation automagique de boussole / sass dans les bâtiments, la mise en évidence de la syntaxe et / ou le support IntelliSense?

S'il n'y a pas de plug-ins IDE VS Quelles sont les meilleures options pour un éditeur de texte autonome pour la manipulation de codage dans Compass?


1 commentaires

C'était aussi une réponse mais a été supprimée pour une raison quelconque: Doncodetitretit.com/blog/post/...


4 Réponses :


6
votes

Mise en route avec Compass,

Premier Oui, je dois installer Ruby et la source de boussole et compiler ma version de Compass I, j'ai suivi les instructions sur Wiki Mise en route . P>

Après avoir obtenu une boussole et toutes ses dépendances installées et construites, j'ai créé mon premier projet. P> xxx pré>

qui crée un projet par défaut avec Compass pour la structure de Blueprint CSS, il existe actuellement un bogue dans Compass avec la création du fichier Grid.png dans le répertoire des images pour Compass pour que vous puissiez copier la Grid.png d'origine dans le dossier source P> xxx pré>

ou fichier similaire en fonction de l'endroit où vous avez tout installé. L'un des changements les plus importants OMI pour travailler avec Compass sur ASP.NET consiste à modifier la directive Sass cache de Compass. Le cache Sass crée un groupe de dossiers temporaires dans votre répertoire de projet, ce qui aurait probablement de mauvais résultats si elles se sont terminées sous contrôle de la source. Donc open up config.rb et ajoutez cette ligne p>

compass -w


0 commentaires

2
votes

Ma réponse est un peu vieille. Avant de suivre ma réponse originale, je recommanderais d'explorer le package Nuget Sassandcoffee. Les détails complets peuvent être trouvés ici .

Comment ça marche? P>

Sassandcoffee incorpore l'original compilateurs dans la DLL comme (SASS 3.2.0 et cafetscript 1.1.0 à ce sujet écrire) et utilise ironRuby et Jurassique respectivement pour exécuter le compilateurs contre votre source. p>

pourquoi est Cela mieux que [quelque autreProject]? p>

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.


2 commentaires

Sassandcoffee n'est pas encore prêt pour la boussole, la boussole recule réellement le compilateur Sass pour faire des choses supplémentaires. C'est la prochaine grande fonctionnalité que Sassandcoffee appuiera cependant!


@Paulbetts est une intégration de Compass toujours dans le pipeline?



6
votes

Pour compléter les dernières réponses, vous pouvez installer WEB WORKBEND < / a>, un plugin pour Visual Studio 2010 Ajoutez Syntaxe sur la surbrillance , Intellisence et d'autres autres choses pour la langue SASS (Syntaxe SCSS uniquement).

Si vous préférez utiliser Compass et / ou d'autres outils pour compiler votre CSS, vous devez désactiver le compilateur intégré. J'ai énuméré d'autres compilateurs de Sass ici: Utilisation de Sass avec ASP.NET .

Pour désactiver le compilateur intégré: Sélectionnez le fichier .SCSS dans Solution Explorer, 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 souhaitez compiler avec ce plugin. Voir l'élément Mindscape> Paramètres WEB WORKBEND MENU.


2 commentaires

Je viens d'essayer d'utiliser les fichiers de Compass .SSS, mais j'ai rencontré un nométhodeurror pour un '>' dans le code. Avez-vous eu un web workbench pour bien jouer avec Compass?


Je l'utilise tous les jours avec le compilateur Compass et ça marche bien. Avez-vous installé la dernière version? Avez-vous supprimé l'outil personnalisé dans les propriétés du fichier? Êtes-vous sûr qu'il n'y a pas un autre plugin dans VS qui crée un conflit?



2
votes

Je voulais ajouter une autre alternative ici. Si vous souhaitez simplement vous assurer que Compass crée les fichiers Sass et inclut les fichiers CSS lorsque vous créez votre projet ASP.NET, vous pouvez ajouter ce qui suit au fichier de votre projet (CSPROJ) dans la section Projet:

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


1 commentaires

Seul inconvénient est-ce que cela ralentit vos constructions, même si cela n'avait pas besoin de compiler, probablement pas très lucide si vous n'avez pas de tonnes de fichiers SASS / SCSS