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

今天开始学习使用less这个强大方便的前端工具，本来是考虑用koala（专门编辑less的软件）来使用less的，但是发现sublime编辑器也可以实现对less的编译及高亮显示代码，这样既能少用一个软件还能扩展sublime的功能，何乐而不为，于是赶紧去网上查了资料并加以整理。

1、在sublime里安装好less（less语法高亮功能插件）和Less2Css（编译功能插件）这两个插件，具体步骤为：

Ctrl+Shift+p打开命令面板，输入install package并在下拉里选中install package（这里必须已经安装好了管理插件的package control插件），弹出新搜索框之后再输入要安装的插件，然后下拉出现对应插件，点击安装。

2、安装好插件后还不能编译，必须还要安装好Node.js才行

下载传送门：Node.js，必须保证系统中已经安装了nodejs并且路径已经添加到环境变量里面，一般安装好之后就已经自动添加到系统环境变量Path里，不过最好打开确认一下，打开方法：右键计算机->属性->环境变量->在系统变量里找到Path，然后选择下面的编辑按钮，里面的变量值就是

系统环境变量：

 

3、安装less

在cmd 下输入命令：npm install -g less，安装好之后在 Sublime 里面Ctrl+n新建less文件时，会有一个错误：LESS: Unable to interpret argument clean-css，这是因为还需要一个插件：less-plugin-clean-css插件的安装，同样在cmd下输入命令：npm install -g less-plugin-clean-css，安装好之后问题就解决了。

使用方法：在sublime中新建一个less文件，按Ctrl+s就会根据当前文件编译为一个css文件，这个新建的文件默认放在less文件同目录下，之后每次编辑完less文件之后Ctrl+s保存，同目录下的css文件也会同步更新内容。

好了，这样就可以开始在sublime上愉快的编辑less啦~