Sublime Text3 支持Less

来源:互联网 发布:linux查看cpu进程 编辑:程序博客网 时间:2024/06/08 18:35

今天安排任务,项目中要用less来写样式,所以,就要安装一下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 less-plugin-clean-css

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

4 2
原创粉丝点击