Sublime Text 支持 CSS预处理语言 LESS

效果：



1、使用 Ctrl+Shift+P 快捷键打开命令框，搜索Package Control: install Package，回车执行

 搜索安装 Less2Css （编译生成）和 LESS（代码高亮）插件



2、当然 less 生成 css 还是需要 Node.js 的支持,确认已安装好Node.js 
 以及npm(一般node自带npm)，node官网：https://nodejs.org/en/



然后在CMD命令行下执行全局安装 less 和less-plugin-clean-css

npm install -g less

npm install -g less-plugin-clean-css

安装完成后重启Sublime Text 3 ，切换右下角代码标记


以及完成了



还有点小问题，CSS默认会被压缩，不过我们可以更改 Less2Css 插件的设置，将minift改为false{
"autoCompile": true, //自动编译
"createCssSourceMaps": false, //创建CSS代码地图，方便定位代码位置
"ignorePrefixedFiles": false, //忽略文件的前缀
"lessBaseDir": "./", //CSS文件生成路径，默认相对同级目录
"lesscCommand": false, //是否使用lessc命令
"main_file": false, //主文件
"minify": false, //是否压缩
"minName": false,
"outputDir": "./", //输出公共路径
"outputFile": "", //[example.css] if left blank uses same name of .less file
"showErrorWithWindow": true, //显示错误窗口
"autoprefix": false, //自动前缀
"disableVerbose":false, //禁用详细
"silent":false
}