1. Sublime Text3 自动编译 less 的方法
Sublime Text 3是一款流行的轻量级代码编辑器，支持多种编程语言。在前端Web开发中，我们经常会用到CSS预处理工具——Less，而Sublime Text3也是支持Less的。本文将介绍如何在Sublime Text 3中安装Less插件以及如何启用自动编译。
2. 安装 Less 插件
要使用Sublime Text 3中的Less插件，首先需要安装Package Control。Package Control 是 Sublime Text 3 上一个非常常用的软件包管理器，它可以方便地安装和升级软件包。以下是安装Package Control的步骤：
2.1 安装 Package Control
1. 打开Sublime Text 3，按下键盘上的Ctrl + `（波浪号键），打开控制台。
2. 在控制台粘贴以下脚本并执行（注意：该脚本适用于网络环境能够正常访问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())
print('Please restart Sublime Text to finish installation')
3. 安装完成后，重启Sublime Text3。
2.2 安装 Less 插件
1. 打开Sublime Text 3，按下Ctrl + Shift + P。
2. 在弹出的命令面板中输入：“Package Control: Install Package”并回车。
3. 在弹出的搜索框中输入：“Less”并回车。
4. 等待片刻，Less插件就被安装到Sublime Text 3中了。
3. 配置自动编译
安装好Less插件以后，我们需要配置Sublime Text 3使其能够自动编译出css文件。以下是配置自动编译的步骤：
3.1 新建Less文件
首先在Sublime Text 3中新建一个Less文件，保存到项目文件目录的某个位置（如：项目文件夹下的less目录）。
3.2 设置自动编译
1. 打开Tools菜单，选择Build System，然后选择Less。如果没有看到Less选项，可以选择New Build System，然后将以下内容复制到新的Build System文件中。
{
"cmd": ["lessc", "$file", "$file_path/../css/${file_base_name}.css"],
"selector": "source.less",
"path": "C:/Program Files/Nodejs" // path必须设置为lessc.exe所在文件夹的路径
}
2. 保存文件，取名为“LessBuilder.sublime-build”，文件名后缀必须是“sublime-build”。
3. 打开Less文件，按下Ctrl + B，Sublime Text 3就可以自动执行Less编译，并在保存的目录下生成对应的CSS文件。
4. 设置自定义快捷键
Sublime Text 3中可以为编译命令设置自定义快捷键，以方便快捷地执行编译操作。以下是设置自定义快捷键的步骤：
1. 打开Preferences菜单，选择Key Bindings。
2. 在右侧的文件中添加以下内容：
[
{ "keys": ["ctrl+alt+b"], "command": "build", "args": {"build_system": "Packages/User/LessBuilder.sublime-build"} }
]
3. 保存文件，重新打开Sublime Text 3。
4. 在Less文件中按下Ctrl + Alt + b 即可执行Less编译。
5. 细节注意事项
1. 由于Sublime Text3默认不支持lessc编译命令，需要先在电脑上安装Node.js，然后通过npm命令进行Lessc安装。（具体安装方法可以参考：https://www.runoob.com/less/less-nodejs.html）
2. 如果在编译过程中出现了错误，可以查看Sublime Text 3的控制台，查看具体错误原因。
6. 总结
Sublime Text3的Less插件和自动编译功能为我们的前端开发工作带来了很大的便利，我们可以通过简单的设置，在不离开编辑器的情况下，快速地将less文件编译成css文件，提高了开发效率和工作质量。