web-dev-qa-db-fra.com

Visual Studio 2013 peut-il générer des fichiers CSS à partir de fichiers .less?

Visual Studio 2013 est génial, maintenant avec la surbrillance de la syntaxe et la saisie semi-automatique pour .less des dossiers. Mais génère-t-il également les fichiers CSS respectifs? Dois-je installer d'autres extensions pour cela?

csslessvisual-studio-2013
64
Lucian

Oui, Visual Studio 2013 n'est pas livré avec un compilateur LESS intégré. Vous devrez donc apporter le vôtre. Vous pouvez soit utiliser un compilateur externe, soit installer une extension pour pouvoir compiler vos fichiers LESS à partir de l'EDI.

33
BoltClock

Si vous ne souhaitez pas installer de plug-in dans votre Visual Studio , vous pouvez utiliser un compilateur externe.

Actuellement, j'utilise Koala , chaque fois que vous enregistrez votre fichier LESS, il le compilera automatiquement dans votre dossier de sortie.

Jetez un coup d’œil à la page officielle LESS consacrée à Compilateurs GUI .

24
Wellington Zanelli

J'ai eu du mal à compiler Bootstrap MOINS (après l'installation de Twitter.Bootstrap.Less NuGet).

Le truc avec WebEssentials est de faire en sorte que le fichier bootstrap.less ait besoin d’être sauvegardé (taper un espace, puis appuyer sur supprimer est suffisant), puis l’enregistrer. Les fichiers .css, .min.css et css.map correspondants sont générés automatiquement et apparaissent imbriqués sous le fichier .less dans l'Explorateur de solutions.

6
NickBeaugié

Facile:

  1. Outils-> Extensions et mises à jour-> Installer le pack d'extension Web (Mads Kristensen)
  2. Sur le projet, Ajouter-> Nouvel élément-> Moins de feuille de style
  3. Editez le .less et sauvegardez le fichier
  4. Clic droit sur le fichier .less-> Compilateur Web-> Fichier de recompilation

Ensuite, le fichier .css résultant sera généré à chaque sauvegarde de fichier.

4
Jorge Goncalves

WinLess est un autre petit outil permettant de compiler LESS après son enregistrement.

Pas beaucoup d'options mais petites et simples. Et ça fait le boulot!

http://www.winless.org/

Je ne sais pas quelle est l'expérience des autres utilisateurs, mais WebEssentials 2013 ne fonctionne pas bien sur ma machine avec Visual Studio 2013 (Ultimate) et les paramètres, ainsi ... Aucune interface utilisateur et impossible de désactiver complètement les fonctionnalités que je ne possède pas. 'veux pas utiliser.

2
Chieleman

Vous pouvez également utiliser Chirpy, qui permet l’édition de nombreuses technologies Web modernes manquées par MS.

http://chirpy.codeplex.com/

0
edokan