Moins Filewatcher compilateur dans PHPStorm

ce que je suis fait mal lorsque vous essayez de compiler le .less fichiers dans .css avec PHPStorm Fichier watcher ?

Voici la capture d'écran, (pls ouvrir CE LIEN pour voir la taille réelle de l'image):
Moins Filewatcher compilateur dans PHPStorm

J'ai installé npm install -g less, après avoir installé NodeJS. Il fonctionne bien le compilateur lessc lors de l'utilisation de cmd.exe - Outil de Ligne de Commande dans Windows OS avec cette commande:

lessc custom.less custom.css, mais il l'habitude de faire quelque chose à l'intérieur de PHPStorm dans Filewatcher.

Aucune idée de ce que je dois corriger, pls ?

  • Eh bien ... vous le faites mal. Pourquoi avez-vous point de node.exe si en ligne de commande vous l'exécution lessc commande? node.exe est juste un nodejs interprète. Pourquoi attendez-vous à voir les mêmes résultats si vous essayez d'exécuter 2 commandes différentes? A: Vous devriez fichier de point de watcher pour lessc.cmd (fournir le chemin d'accès complet, il est dans votre C:\Users\USERNAME\AppData\Roaming\npm dossier
  • c'était par défaut fourni par PHPStorm, en fait j'ai pensé à elle, par la modification de Argument boîte avec ce code C:\Users\%USER%\AppData\Roaming\npm\node_modules\less\bin\lessc $FileName$ -yui-compress.
  • Première fois que je vois qu'il suggère node.exe -- il ne faut pas le faire (sauf si vous étiez en train de l'essayer avant pour autre chose, par exemple, nodejs, et en quelque sorte obtenu dans le fichier d'observateurs). Dans tous les cas: devnet.jetbrains.com/message/5481646#5481646 -- le chemin d'accès correct à lessc exécutable est C:\Users\USERNAME\AppData\Roaming\npm\lessc.cmd
  • Oui c'est ce que j'ai vu la première fois, mais il ne fonctionne pas sur PhpStorm 6.0.3. Alors je me suis dit WTF, il affiche une erreur que la seule acceptée types de fichiers sont win32 pour les fichiers exécutables, et pas de coquille, comme .bat,.cmd, etc... je suis confus pourquoi il ne fonctionne pas comme il est recommandé, mais pour autant ce que j'ai fait il y il fonctionne parfaitement
InformationsquelleAutor aspirinemaga | 2013-07-07
  1. 39

    Pour ceux qui veulent configurer des auto compilateur à l'intérieur de leur IDE PHPStorm, vous pouvez le faire de cette façon:

    1. Télécharger et installer Node.js
    2. Ouvrir un Terminal/Shell/ligne de Commande, cmd.exe pour Environnement Windows
    3. À l'intérieur de ligne de Commande terminal, tapez npm install -g less et d'attendre pour le MOINS à être téléchargé et installé.
    4. Dans PHPStorm ouvrir la fenêtre Paramètres: Fichier > Paramètres (CTRL+ALT+S)
    5. Accédez à Fichier Watchers (ou de le rechercher à l'intérieur des PARAMÈTRES de la Fenêtre)
    6. Cliquez sur + sur le côté droit de la boîte de dialogue Paramètres pour créer un nouveau Fichier de l'Observateur et de le configurer comme indiqué sur l'image:

      Moins Filewatcher compilateur dans PHPStorm

      Et c'est comment votre structure de dossier devrait ressembler pour les réglages sur l'image précédente:

      Moins Filewatcher compilateur dans PHPStorm
    7. De l'enregistrer et de le tester, à chaque fois que vous tapez quelque chose à l'intérieur de la .less fichier, il sera automatiquement compilé dans .css vous avez défini avant dans le Fichier de l'Observateur de la boîte de dialogue de configuration.

      Pour untouched la source de moins de fichiers, de créer un template.less comme montré dans l'image et subload la source des fichiers avant de faire style de rien.

    /*!
 * Your commented code which wouldn't be removed in compiled .css because of "!" mark
 */
 /*
  * This comment will be removed in compiled .css file because of no "!" after "/*"
  */

//Core source files of Twitter's Bootstrap
@import "bootstrap/bootstrap";
@import "bootstrap/responsive";

//Core source file of Font Awesome Icons
@import "font-awesome/font-awesome";

//Connected plugins
@import "plugins/datepicker";
@import "plugins/redactor";

/*!
 * General template styles below
 */

/* -------------------------------------------------------------- */
/**** PRECONFIG, OVERRIDES, VARIABLES, TYPOGRAPHY ****/
/* -------------------------------------------------------------- */
//VARIABLES.LESS Override
//---------------------------------------------------------------
//Colors
@whiteSmoke:            #f5f5f5;

//Typo
@sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
@serifFontFamily:       Georgia, "Times New Roman", Times, serif;
@monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace;
    • wow c'est difficile à faire, espérons que ça va s'améliorer avec le temps
    • je pense qu'il y a un plugin déjà disponibles à l'intérieur de la PHPStorm, aussi je vous conseille d'aller essayer ce plugin, si cela ne vous aide pas, ce sera certainement faire
    • Je sais qu'il en est, mais je préfère faire les choses de la fonction intégrée de façon. Eh bien, j'ai essayer de le faire fonctionner grâce à vous, merci.
    • heureux, il a aidé.
    • Merci beaucoup. A sauvé beaucoup de temps
    • Je ne peux pas vous remercier assez pour l'affichage de cette solution, comme cela semble être la seule solution de travail et j'ai été très déçue de ne pas trouver la bonne. Merci une TONNE pour le partage!!!

    InformationsquelleAutor aspirinemaga