Mac OS X 安装Less编译器

Less是动态的CSS预处理语言,包含了很多动态语言的特性,之前在ubuntu下装过lessc来编译Less,换了Mac后发现找不到方法安装了,事实上用nodejs来安装,这里记录一下。

在原Ubuntu下安装lessc很简单,直接执行sudo apt-get install node-less就行了

然而在Mac OS X下,brew install node-less找不到相应的包,需要用nodejs来安装:

  1. 安装nodejsnpm
  2. 执行npm install -g less
  3. 编译something lessc style.less

同时我们可以在WebStorm中使用file watcher来监视文件的修改,直接生成css

  1. 找到lessc的位置,which lessc,一般lessc都在/usr/local/bin/lessc
  2. 在WebStorm中的”Preferences”里找到”File Wathcers”选项,在其中添加Less的watcher,其中的Program填入/usr/local/bin/lessc就行了

效果如图:

filewatcher