windows下 sbulime text 安装less2css踩的几个坑

sublime 就不介绍了，less2css 是一个安装在sublime上的插件，可以让你书写less后自动生成css文件，而且还可以提示less的语法错误。

搜了一下相关的教程，很多都写的不全，按照他们的步骤操作下来之后发现有错误，甚至无法正确运行。

直入主题吧，步骤（这里只写windows下的安装步骤，mac下使用brew来安装很简单，而且一般也不会出错，直接跳过了）

1. 自动编译依赖于node，因此要先安装node，进入node官网下载自己需要的版本然后安装完成，通常安装程序会自动帮你配置环境变量，将node安装目录添加到系统变量中，如果没有请检查并手动添加该环境变量（不知道如何设置？自己动手咯）；

2. 安装完node后还需要安装node下的less，需要全局安装（安装完node后，自动就带npm了，所以在dos命令行直接运行如下命令即可，-g 参数代表全局安装，会帮你安装到%appdata%目录下）。

npm install -g less

不安装的话将无法自动编译

3. 在less2css运行时还会执行一个 clean-css的功能，因此还需要在node下安装 less-plugin-clean-css，同样需要全局安装

npm install -g less-plugin-clean-css

不安装的话，每次保存会弹出错误提示，当然你也可以通过修改less2css的配置文件屏蔽错误提示。

4. 最后我们打开sublime，使用install package命令安装less2css插件（ctrl+shift+P）-> install package -> less2css 回车，等待安装完毕重启sublime即可。

5. 为了支持less的语法高亮显示，还需要安装一个sublime的插件less 这样就可以流畅的书写less了。