700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Sublime Text3 配置less保存自动编译

Sublime Text3 配置less保存自动编译

时间:2021-06-24 11:31:55

相关推荐

Sublime Text3 配置less保存自动编译

开发工具|sublime

Sublime

开发工具-sublime

下面由sublime教学栏目给大家介绍Sublime Text3 配置less保存自动编译的方法,希望对需要的朋友有所帮助!

一次m3u8解析源码,vscode终端不显示命令,Ubuntu 图形模式,tomcat查看进程号,爬虫网站gomovies,nginx和php的关系,seo优化要注意哪些问题,苹果CMS电影网站模版,pageadmin模板放在同一个文件吗lzw

支付下载源码,稳定性 ubuntu,python爬虫爬租房,千万级别 php,seo文章推荐lzw

Mac OSX环境下

微信三级分销源码论坛,ubuntu 镜像 sdr,tomcat 运行不起项目,爬虫 付费视频,php 下载微信语音,seo关键词选取注意事项lzw

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文件

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。