网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

SublimeText3配置less保存自动编译的方法-创新互联

这篇文章将为大家详细讲解有关Sublime Text3配置less保存自动编译的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联是一家专注于网站设计制作、网站设计和BGP机房服务器托管的网络公司,有着丰富的建站经验和案例。

Mac OSX环境下

1.Sublime Text3 需要安装less,语法高亮插件

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

3.Optional: To use minification you will need a minifier. Install less-plugin-clean-css or similar.
npm install -g less-plugin-clean-css
4.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文件

关于“Sublime Text3配置less保存自动编译的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


本文名称:SublimeText3配置less保存自动编译的方法-创新互联
标题路径:http://bjjierui.cn/article/dpsjjc.html

其他资讯