如何设置Sublime Text的构建系统以编译Sass或Less文件？

本文共计3274个文字，预计阅读时间需要14分钟。

每次编写Less或Sass时，还需要手动切换到命令行手动编译，真的很麻烦。Sublime Text的构建系统（Build System）正是为了解决这个问题，它能让你在编辑器中一键完成编译。

核心思路是创建一个自定义的`.sublime-build`文件，告诉Sublime当执行构建命令时，调用已安装的Less或Sass编译器。这样，你就可以在不离开编辑器的情况下，快速预览样式变化了。

解决方案

要配置Sublime Text来编译Less或Sass，你需要先确保你的系统里已经安装了相应的命令行编译器。通常，这意味着你需要Node.js环境，然后通过npm全局安装

less或

sass。

1. 安装Less或Sass编译器：

• Less: 打开你的终端或命令提示符，运行

  npm install -g less

• Sass (Dart Sass): 打开你的终端或命令提示符，运行

  npm install -g sass

2. 创建自定义构建系统文件：

在Sublime Text中，导航到

Tools > Build System > New Build System...。这会打开一个新的文件，你需要将以下JSON配置粘贴进去。