Sublime Text3 配置less保存自动编译

hedge_hog 发布于2019-08-30 15:54 / 1216人阅读

摘要：配置保存自动编译环境下需要安装，语法高亮插件，通过在终端全局安装到这里，已经可以通过手动编译文件了，在终端通过手动编译如果需要在中保存文件时自动编译成，还需要下面的步骤需要安装，把编译为的插件到此处，按照官方的，或

Sublime Text3 配置less保存自动编译

Mac OSX环境下

Sublime Text3 需要安装less，语法高亮插件

Install NodeJS，通过npm在mac终端全局安装less npm install less -gd

Optional: To use minification you will need a minifier. Install less-plugin-clean-css or similar.

npm install -g less-plugin-clean-css

Optional: To use autoprefix. Install less-plugin-autoprefix.

npm install -g less-plugin-autoprefix

到这里，已经可以通过手动编译less文件了，
在Mac终端通过lessc手动编译 lessc style.less style.css

如果需要在Sublime Text3中保存less文件时自动编译成css，还需要下面的步骤

5.Sublime Text3 需要安装less2css，把less编译为css的插件

到此处，按照官方的，或网上的很多文章来说已经大功告成

但是当我保存less文件的时候，报 less2css error: lessc is not available 错误，明明在终端直接手动是可以lessc的，问题出在哪里呢，

根据错误提示应该是lessc找不到，继续查看less2css插件在sublime中随附的readme文档

Sublime Text 2 and 3 Plugin to compile less files to css on save.
Requires lessc installed on PATH.

可能是环境变量的问题，一般情况下安装完less2css的时候是会自动匹配的

需要做如下处理：

在mac终端输入which lessc，找到lessc的路径 /Users/[username]/.nvm/versions/node/v10.10.0/bin/lessc

修改Sublime Text3中less2css的配置文件less2css.sublime-settings-User

{
   "lesscCommand": "/Users/[username]/.nvm/versions/node/v10.10.0/bin/lessc"
}

此时会发现在sublime Text3中保存less文件时，会在当前文件夹下同时出现了同名的.css文件

服务器托管云服务器自动保存 php自动保存链接不自动编译我的世界云服务器自动保存

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/117017.html

Sublime text3学习小记（macOS系统下的安装使用）

摘要：等待其安装完成后关闭程序，重新启动，点开菜单可见项，说明插件管理包已安装成功。在出现的悬浮对话框中输入然后点选下面的插件，就会自动开始安装，请耐心等待。【注：以下内容参考https://blog.csdn.net/stilling2006/article/details/54376743】一、认识Sublime text 1、一款跨平台代码编辑器，在Linux、OSX和Windows下均可...

Paul_King 2019-04-23 13:39 评论0 收藏0
Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

Martin91 2019-08-19 17:38 评论0 收藏0
Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

kevin 2019-08-30 12:46 评论0 收藏0
Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

jsdt 2019-08-01 15:03 评论0 收藏0
Sublime Text3配置使用教程整理

摘要：安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后，写作时右下角显示语法为，可以按，直接就会生成，并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是，现在折腾Ubuntu不能同步过来使用了，寒假在家休息，整理一下安装过程好了：安装sublime 在sublime text官网选择合适的版本安装。 u...

wuyangchun 2019-07-24 18:29 评论0 收藏0