sublime text3 安装less

原创 2018年04月17日 11:09:44

1、安装Sublime 插件
(1)安装LESS插件:因为Sublime不支持Less语法高亮,所以,先安装这个插件,方法: ctrl+shift+p>install Package>输入less按Enter
(2)安装LESS2CSS插件:这个插件的作用是

当保存less文件的时候自动生成同名的css文件;
当保存less文件的时候提示编译错误信息;
批量编译项目目录下的所有less文件为css文件。

安装方法:ctrl+shift+p>install Package>输入less2css按Enter

但是让sublime支持less,不仅仅是装个sublime插件就完事了啊。还需要下面的步骤

2、安装node.js
首先先配置一下环境,less需要nodejs支持,所以我们先要安装一下nodejs。到nodejs官网下载就可以了:https://nodejs.org/en/
3、安装less
cmd 下:

cnpm install -g less
安装指定版本less:cnpm install -g less@2.8.1

之后在 Sublim 里面建less文件时,会有一个错误

LESS: Unable to interpret argument clean-css

这是因为还需要一个插件
less-plugin-clean-css插件的安装

cnpm install less-plugin-clean-css -g

这里会有一个问题:
less版本是3.0.1及以上的即使安装了less-plugin-clean-css这个插件依然会报上面的错,这时候降低less的版本即可。

安装指定版本less:cnpm install -g less@2.8.1

接着重启一下sublime,就搞定啦!

Sublime 报错Unable to interpret argument clean-css

今天设计说后期颜色值可能还要再修改,问我颜色能不能复用。堂堂程序猿怎么能对设计说不?于是我想起了less。 看了下上手的话还挺简单的。于是安装了。 可是sublime原生不支持less,需要安装插...
  • lx583274568
  • lx583274568
  • 2016-10-13 14:37:30
  • 3236

后端自动构建前端css和js

引子: 别的复杂前端开发技术不会,用得多的还是手写代码,手动处理。 3年前手写合并压缩js和css文件的asp脚本代码目前还能正常运行,也就没有多大使用别的技术的动力。 直...
  • xiangyuecn
  • xiangyuecn
  • 2018-03-29 00:17:34
  • 31

关于Sublime text 3如何编辑less并转(编译)成css文件

今天开始学习使用less这个强大方便的前端工具,本来是考虑用koala(专门编辑less的软件)来使用less的,但是发现sublime编辑器也可以实现对less的编译及高亮显示代码,这样既能少用一个...
  • aaa333qwe
  • aaa333qwe
  • 2018-03-09 16:36:57
  • 26

Less2css error 终极解决方案

使用sublime Text3 的时候,安装less2Css后,和很多人一样以为大功告成,开始要运行编译less文件,结果开始发现     于是乎开始搜索问题和解决方案,然后就有了下面的解决方案1  ...
  • dengzihao1023
  • dengzihao1023
  • 2018-01-02 16:22:14
  • 132

在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件

前言WebStorm是一款非常优秀的Web前端IDE工具,本文主要介绍,如何在其Watcher中进行配置,实现编辑less文件时自动生成.map和压缩后的.css文件。笔者WebStorm版本为201...
  • lhtzbj12
  • lhtzbj12
  • 2017-02-05 19:51:24
  • 9669

sublime text3 less插件

sublime text less插件
  • xqnode
  • xqnode
  • 2017-02-28 10:50:57
  • 459

sublime text 3 less安装图文讲解

最近在使用sublime的时候发现less使用不了,保存的时候报错,或者保存了less文件不会自动生成css。 如果你也遇到此问题,那么请跟着我一起做完如下操作即可解决。...
  • big_stone926
  • big_stone926
  • 2017-03-11 09:21:23
  • 2734

安装Nodejs、npm、Less(支持生成压缩后的css)

前言最近深入了解Bootstrap,顺便将Nodejs、npm、Less、Grunt等相关程序的安装梳理了一遍,写一几篇博文记录下,待需要时查找方便。正式动手安装Nodejs和npm1.到https:...
  • lhtzbj12
  • lhtzbj12
  • 2017-02-05 18:54:42
  • 4316

HBuilder配置自动编译Less(包含less-plugin-functions)

less中不能自定义函数让人感觉功能有点太弱, 不过有人开发了less-plugin-functions这个插件, 也可以满足定义我们定义函数的需要.首先全局安装less和less-plugin-fu...
  • butterfly5211314
  • butterfly5211314
  • 2017-05-21 12:33:33
  • 3669

Sublime Text3支持LESS预编译

1.安装sublime插件 (1)安装less2css插件: 作用:a.当保存less文件的时候自动生成同名的css文件;  b.当保存less文件的时候提示编译错误信息;  c.批量编译项目目录下的...
  • Admin_yi
  • Admin_yi
  • 2017-01-11 17:38:25
  • 3010
收藏助手
不良信息举报
您举报文章:sublime text3 安装less
举报原因:
原因补充:

(最多只允许输入30个字)