Sublime Text3 configure moins pour enregistrer et compiler automatiquement

La colonne suivante du tutoriel sublime vous présentera comment configurer moins pour enregistrer la compilation automatique dans Sublime Text3. J'espère que cela sera utile aux amis dans le besoin !

Environnement Mac OSX

1.Sublime Text3 doit être installé moins, le plug-in de coloration syntaxique

2 .Installez NodeJS, installez less globalement via npm dans le terminal mac npm install less -gd

3.Facultatif : pour utiliser la minification, vous aurez besoin d'un minifier. Installez less-plugin-clean-css ou similaire.
npm install -g less-plugin-clean-css
4.Facultatif : Pour utiliser autoprefix, installez less-plugin-autoprefix.
npm install -g less-plugin-autoprefix

À ce stade, vous pouvez compiler le fichier less manuellement,

Compilez manuellement lessc style.less style.css via lessc sur le terminal Mac

Si vous devez compiler automatiquement en CSS lors de l'enregistrement du fichier less dans Sublime Text3, vous avez également besoin des étapes suivantes

5.Sublime Text3 doit installer less2css, un plug-in qui compile moins en CSS

Ici, selon l'officiel ou de nombreux articles sur Internet, c'est fait

Mais lorsque j'enregistre le fichier less, l'erreur Less2css : lessc n'est pas disponible est signalée. Il est évident que lessc peut être utilisé manuellement dans le terminal

D'après le message d'erreur, cela devrait être le cas. sinon lessc est introuvable. Continuez à vérifier le plug-in less2css fourni avec sublime. Le document readme ci-joint

Sublime Text 2 and 3 Plugin to compile less files to css on save.
Requires lessc installed on PATH.

peut être un problème avec les variables d'environnement. Généralement, less2css sera automatiquement mis en correspondance après l'installation. 🎜>

doit être traité comme suit :

Entrez quel lessc dans le terminal mac et recherchez le chemin de lessc/Users/[username]/.nvm/versions/node /v10.10.0/bin/lessc

Modifier le fichier de configuration de less2css dans Sublime Text3 less2css.sublime-settings-User

{
   "lesscCommand": "/Users/[username]/.nvm/versions/node/v10.10.0/bin/lessc"
}

Vous constaterez que lors de l'enregistrement du fichier less dans sublime Text3, un fichier .css du même nom apparaîtra dans le dossier actuel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!