sublime text3 nodejs 下面编译less

sublime test 3 安装 Package Control

安装命令：

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

 

安装nodejs 

1：官方下载 nodejs.

2: 安装less 编译器到全局目录下 npm install less -g.

安装高亮显示：

显示打开install package :

安装LESS intsall less

编译LESS 

 

cd 到需要编译的文件下 列 cd react-pc

执行命令:

lessc text.less

//编译 less 文件为css

lessc text.less 

//输出文件

lessc text.less > text.css

 通过设置Tools -> buildsystem

{  
    "cmd": ["lessc", "$file", "${file_path}/../${file_base_name}.css","--source-map=../app.css.map"],  
    "file_regex": "(.*\\.ts?)\\s\\(([0–9]+)\\,([0–9]+)\\)\\:\\s(...*?)$",  
    "selector": "source.less",  
    "osx": {  
        "path": "/usr/local/bin:/opt/local/bin"  
    },  
    "windows": {  
        "cmd": ["lessc.cmd", "$file", ">","${file_path}\\\\${file_base_name}.css"] 
    }  
}