web-dev-qa-db-fra.com

Comment activer Intellisense sur un fichier .less dans Visual Studio 2010 .css

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

60
aBetterGamer

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

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

Oblige les fichiers .LESS à s’ouvrir dans l’éditeur CSS, sans avoir à modifier les paramètres ni à ajouter de balises HTML à votre fichier LESS.

43
Luke

Visual Studio vous permet de mapper des extensions personnalisées aux différents éditeurs en allant dans Outils-> Options-> Editeur de texte-> Extension de fichier. Vous fournissez simplement l'extension personnalisée et sélectionnez l'éditeur auquel vous souhaitez l'associer. Malheureusement, l'équipe de Visual Studio a semblé négliger l'éditeur CSS dans la liste des éditeurs. 

Une solution possible consiste à associer l’extension à l’éditeur HTML, puis à saisir <html><head><style> en haut du fichier et </style></head></html> en bas du fichier. Cela vous donnera un support CSS intellisense entre les ensembles de balises. Vous pouvez ensuite supprimer les balises HTML et l'association de fichier lorsque vous avez terminé vos modifications.

20
Nick H

Une autre alternative est de nommer vos fichiers '.less.css', puis de modifier leurs références dans votre page maître ou dans votre fichier css principal (celui qui charge tous les autres fichiers css avec les instructions @import), puis de configurer le moins. gestionnaire comme suit dans la section "gestionnaires" 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, ni charger les addins vs, etc., ce qui est pratique si vous avez une équipe de plus de 1 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 un @import 'exampledefs.less'; déclaration dans ce fichier.

16
DavidWainwright

J'apprécie vraiment MindscapeWebWorkbench . C'est un plugin gratuit pour VS 2010 qui fournit un support .less. En outre, l'extension est fournie avec le support des scripts .Sass et Coffee!

Essayer!

Ahh, Hanselman approuve ;)

10
Custodio

Réponse tardive, mais c’est une façon rigoureuse de le résoudre en "pur" VS2010

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

dans le haut du fichier et 

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

dans le bas du fichier

2
Erik Karlsson

Je recommande fortement d'utiliser Crunch: http://crunchapp.net/

Visual Studio (Express inclus) vous permet d’ouvrir des fichiers Less avec Crunch. Certes, il ne les ouvre pas dans Visual Studio, il ouvre Crunch pour modifier le fichier, mais il y a de nombreuses raisons pour utiliser Crunch. La plus grande raison est que Crunch prendra votre code Less et le compilera dans un fichier CSS pur. Les avantages sont que vous n’avez pas besoin d’inclure le script less.js dans votre site Web, ce qui évite des frais supplémentaires, vous pouvez écrire moins de code et il vous suffit de double-cliquer sur votre fichier less dans VS, de le modifier, puis "crunching" (ou sauvegarde) sur votre feuille de style CSS. Pas besoin de toucher au CSS pur généré par crunch.

0
skinneejoe
0
Tom Dudfield