我正在使用此设置。有些事情你已经完成了,但我正在写我所做的所有步骤,并且对我有用。我希望它可以帮助你:
1-安装node.js
2-安装Less with npm install -g less
3-为Sublime安装LESS语法
4-安装Less2css包
重新启动 Sublime(或重新启动 Windows 以使新安装的变量路径生效。我不确定在 Windows 上添加新路径是否可以在不重新启动的情况下工作),转到Preferences > Package Settings > Less2css > Settings - User
并设置以下设置:
{
"autoCompile": true,
"lessBaseDir": "./",
"main_file": "bootstrap.less",
"minify": true,
"outputDir": "auto",
"outputFile": ""
}
在这种情况下,我使用具有以下结构的 Twitter Bootstrap,当我在文件夹中保存 less/bootstrap.less 或任何其他 less 文件时,插件会自动编译压缩后的 css/bootstrap.css 中的所有内容(可选,检查项目 Github文档页面)。
assets/
├── css/
│ ├── bootstrap.css
└── less/
├── bootstrap.less
├── ...
└── variables.less
此设置使使用 Less 的工作更快,因为您不需要手动编译或使用 less.js 文件在客户端进行编译。而且你只需要保存,不需要安装 Less-build 或其他构建工具。