Question

如何用sublimeText3编写less并用Nodejs自动编译成css

Answer 1

1、安装Sublime 插件
（1）安装LESS插件：
因为Sublime不支持Less语法高亮，
所以，先安装这个插件，
方法1： ctrl+shift+p>install Package>输入less按Enter
方法2：直接下载后 解压文件 放到插件文件夹下（首选项-浏览插件 打开文件夹）
下载地址：https://github.com/danro/LESS-sublime
（2）安装LESS2CSS插件：
less2css的读音 其实就是less to css
这个插件的作用是
当保存less文件的时候自动生成同名的css文件；
当保存less文件的时候提示编译错误信息；
批量编译项目目录下的所有less文件为css文件。
安装：
方法1：ctrl+shift+p>install Package>输入less2css按Enter
方法2：直接下载：https://github.com/timdouglas/sublime-less2css
解压文件 放到插件文件夹下
但是我们还要让sublime支持less并自动编译，所以还需以下步骤：
2、安装Node.js
首先先配置一下环境，
less需要nodejs支持，
所以我们先要安装一下nodejs
到nodejs官网下载就可以了：https://nodejs.org/en/
3、安装less
运行-cmd：
输入命令行：
npm install less -g
-g 代表着全局安装less
之后在 Sublime 里面建less文件时，会有一个错误
LESS: Unable to interpret argument clean-css
这是因为还需要一个插件
less-plugin-clean-css插件的安装
命令行为：
npm install less-plugin-clean-css -g
接着重启一下sublime，就搞定啦！