60 votes

Comment activer l'Intellisense .css de Visual Studio 2010 sur le fichier .less ?

Quelqu'un sait-il comment activer l'intellisense css dans une extension de fichier non .css ? J'ai un fichier .less qui est fondamentalement un fichier .css mais Visual Studio n'utilisera pas l'intellisense .css sur le fichier.

43voto

Luke Points 1067

Essayez d'utiliser l'extension CSS Is Less pour VS2010 :

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

Force les fichiers .LESS à s'ouvrir dans l'éditeur CSS, sans avoir à modifier les paramètres ou à ajouter des balises HTML à votre fichier LESS.

20voto

Nick H Points 343

Visual Studio vous permet d'associer des extensions personnalisées aux différents éditeurs en allant dans Outils->Options->Éditeur de texte->Extension de fichier. Il vous suffit de fournir l'extension personnalisée et de sélectionner l'éditeur auquel vous souhaitez l'associer. Malheureusement, l'équipe de Visual Studio semble avoir oublié l'éditeur CSS dans la liste des éditeurs.

Une solution possible est d'associer l'extension à l'éditeur Html, puis de taper <html><head><style> en haut du fichier et </style></head></html> en bas du fichier. Vous obtiendrez ainsi un support intellisense CSS entre les ensembles de balises. Vous pouvez ensuite supprimer les balises HTML et l'association de fichiers lorsque vous avez terminé l'édition.

16voto

coalvilledave Points 860

Une autre solution consiste à nommer vos fichiers '.less.css', puis à modifier toute référence à ceux-ci dans votre page principale ou dans votre fichier css principal (celui qui charge tous les autres fichiers css avec des instructions @import), puis à configurer le gestionnaire less comme suit dans la section 'handlers' de votre fichier Web.Config :

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

Vous obtenez alors la coloration syntaxique, moins fonctionne bien et vous n'avez pas eu à configurer de nouvelles extensions de fichiers dans vs, à charger des addins vs, etc, ce qui est pratique si vous avez une équipe de plus d'un développeur.

Si vous utilisez un seul fichier pour définir les couleurs, etc., il devra être nommé '.less' et importé dans chaque fichier .less.css avec une déclaration @import 'exampledefs.less' ; dans ce fichier.

10voto

Custódio Points 1894

J'apprécie vraiment MindscapeWebWorkbench . Il s'agit d'un plugin gratuit pour VS 2010 qui permet de prendre en charge les fichiers .less. En outre, l'extension est fournie avec le support de .Sass et Coffee script !

Faites un essai !

Ahh, Hanselman approuve ;)

2voto

Erik Karlsson Points 59

Réponse tardive, mais voici une façon détournée de résoudre le problème dans le VS2010 "pur".

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

en haut du fichier et

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

dans le bas du fichier

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X