sublime 安装less插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sublime 安装less插件相关的知识,希望对你有一定的参考价值。

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

  1. 当保存less文件的时候自动生成同名的css文件;
  2. 当保存less文件的时候提示编译错误信息;
  3. 批量编译项目目录下的所有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 下: 
npm install -g less

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

LESS: Unable to interpret argument clean-css

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

npm install -g less-plugin-clean-css

设置less2css不开启压缩
{
  "minify": false
}

这个插件在你保存.less文件的时候会自动生成对应的.css文件。


3. 还有语法高亮插件。package control搜索less第一个就是

以上是关于sublime 安装less插件的主要内容,如果未能解决你的问题,请参考以下文章

sublime编译less

vue : 使用stylus less (包括sublime插件支持)

sublime中如何用less实现css预编译

Sublime 的常见使用

sublime 编辑器前几天突然不识别.vue文件下style标签里的less了

在sublime中使用less