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了。

原文地址:https://www.cnblogs.com/aleafo/p/5799404.html